Heute, als ich im Projekt Pop-up-Kinderfenster verwendet habe, dachte ich an zwei Methoden, die mit JavaScript implementiert werden sollen, ist window.open (); Die andere ist window.showmodaldialog () Methode. Letzteres ist ein Popup-Fenster mit einer Eltern-Kind-Beziehung. Nur wenn das untergeordnete Fenster geschlossen ist, wird das übergeordnete Fenster aktiviert und Parameter und Rückgabeteile können übertragen werden. Überprüfen Sie einfach die Nutzung erneut und zeichnen Sie die während des Prozesses aufgetretenen Probleme auf.
Grundlegende Einführung:
showmodaldialog () (dh 4+ Unterstützung)
ShowModelessDialog () (dh 5+ Unterstützung)
Mit der Methode window.showmodaldialog () wird ein modales Dialogfeld erstellt, in dem HTML -Inhalte angezeigt werden.
Mit der Methode window.showmodelessDialog () wird ein nicht-modales Dialogfeld erstellt, in dem HTML-Inhalt angezeigt wird.
Wie man verwendet:
vreturnValue = window.showModaldialog (Surl [, Vargumente] [, sFeatures], "");
vreturnValue = window.showmodelessDialog (Surl [, Vargumente] [, sFeatures], "");
Parameterbeschreibung:
Surl:
Erforderlicher Parameter, Typ: String. Wird verwendet, um die URL des Dokuments anzugeben, die im Dialogfeld angezeigt werden soll.
Vargumente:
Optionaler Parameter, Typ: Variante. Wird verwendet, um Parameter an das Dialogfeld zu übergeben. Die übergebenen Parametertypen sind nicht begrenzt, einschließlich Arrays usw. Das Dialogfeld verwendet das Fenster.
Sfeatures:
Optionaler Parameter, Typ: String. Informationen, die verwendet werden, um das Erscheinen eines Dialogfelds wie die folgenden Informationen zu beschreiben, können durch ein Semikolon getrennt werden ";
1.DialogHeight: Die Höhe des Dialogfelds beträgt mindestens 100px. Die Standardeinheiten von DialogHeight und Dialogwidth in IE4 sind EM, während es in IE5 PX ist. Verwenden Sie beim Definieren des Dialogfelds in der modalen Methode PX als Einheit.
2.Dialogwidth: Dialogfeld Breite.
3.Dialogleft: Der Abstand von links vom Bildschirm.
4.Dialogtop: Der Abstand vom Bildschirm.
5.Center: {Ja | Nein | 1 | 0}: Ob das Fenster zentriert ist, ist die Standardeinstellung Ja, aber die Höhe und Breite kann weiterhin angegeben werden.
6.Help: {yes | Nein | 1 | 0}: Unabhängig davon, ob die Hilfebaste angezeigt werden soll, ist die Standardeinstellung Ja.
7.Resizable: {yes | Nein | 1 | 0} [IE5+]: Ob die Größe geändert werden kann. Standardnummer.
8.Status: {Ja | Nein | 1 | 0} [IE5+]: Ob die Statusleiste angezeigt werden soll. Standard ist ja [modellos] oder nein [modal].
9.Scroll: {Ja | Nein | 1 | 0 | auf | AUS}: Gibt an, ob das Dialogfeld Scroll -Balken anzeigt. Standard ist ja.
Die folgenden Attribute werden in HTA verwendet und im Allgemeinen nicht auf allgemeinen Webseiten verwendet.
10.Dialoghide: {yes | Nein | 1 | 0 | auf | Aus}: Ob das Dialogfeld beim Drucken oder Druckvorschau verborgen ist. Standard ist nein.
11.Edge: {gesunken | Erhöht}: Geben Sie den Randstil des Dialogfelds an. Der Standard wird angehoben.
12.unadorned: {yes | Nein | 1 | 0 | auf | Aus}: Standard ist nein.
Parameterübergang:
1. Wenn Sie die Parameter im Dialogfeld übergeben möchten, wird es durch Vargumente weitergeleitet. Es gibt keine Einschränkung des Typs. Bei String -Typen beträgt das Maximum 4096 Zeichen und Objekte können ebenfalls übergeben werden.
2. Sie können Informationen in das Fenster zurückgeben, in dem das Dialogfeld über das Fenster geöffnet wird. ReturnValue und natürlich kann es auch ein Objekt sein.