Heim > Artikel > Web-Frontend > Detaillierte Erläuterung der Verwendung von window.showModalDialog() in JavaScript_Javascript-Kenntnissen
Heute habe ich im Projekt ein untergeordnetes Popup-Fenster verwendet und mir zwei Methoden überlegt, um es in JavaScript zu implementieren. Die andere ist die Methode window.showModalDialog() Methode mit einer Eltern-Kind-Beziehung: Das übergeordnete Fenster wird nur aktiviert, wenn das untergeordnete Fenster geschlossen wird, und Parameter und Rückgabewerte können übertragen werden. Ich möchte die Nutzung noch einmal überprüfen und die dabei aufgetretenen Probleme aufzeichnen.
Grundlegende Einführung:
showModalDialog() (unterstützt von IE 4)
showModelessDialog() (unterstützt von IE 5)
Die Methode window.showModalDialog() wird verwendet, um ein modales Dialogfeld zu erstellen, das HTML-Inhalte anzeigt.
Die Methode window.showModelessDialog() wird verwendet, um ein nichtmodales Dialogfeld zu erstellen, das HTML-Inhalte anzeigt.
Anwendung:
vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures],"");
vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures],"");
Parameterbeschreibung:
sURL:
Erforderlicher Parameter, Typ: Zeichenfolge. Wird verwendet, um die URL des Dokuments anzugeben, das im Dialogfeld angezeigt werden soll.
vArgumente:
Optionaler Parameter, Typ: Variante. Wird verwendet, um Parameter an das Dialogfeld zu übergeben. Die Art der übergebenen Parameter ist nicht beschränkt, einschließlich Arrays usw. Das Dialogfeld erhält die über window.dialogArguments übergebenen Parameter.
sEigenschaften:
Optionaler Parameter, Typ: Zeichenfolge. Zur Beschreibung des Erscheinungsbilds des Dialogfelds und anderer Informationen können Sie einen oder mehrere der folgenden, durch Semikolons „;“ getrennten Werte verwenden.
1.dialogHeight: Dialoghöhe, nicht weniger als 100 Pixel. Die Standardeinheit von dialogHeight und dialogWidth in IE4 ist em, während sie in IE5 der Einfachheit halber px als Einheit verwendet. .
2.dialogWidth: Dialogbreite.
3.dialogLeft: Abstand von der linken Seite des Bildschirms.
4.dialogTop: Abstand vom Bildschirm.
5.center: {yes |. 1 |. 0}: Ob das Fenster zentriert ist, der Standardwert ist ja, aber die Höhe und Breite können weiterhin angegeben werden.
6.Hilfe: {Ja |. Nein |. 0}: Ob die Hilfeschaltfläche angezeigt werden soll, die Standardeinstellung ist Ja.
7.resizable: {yes |. no |. 0} [IE5+]: Ob die Größe geändert werden kann. Der Standardwert ist Nein.
8.status: {ja |. nein |. 0} [IE5]: Ob die Statusleiste angezeigt werden soll. Der Standardwert ist „yes[Modal]“ oder „no[Modal]“.
9.scroll:{ ja |. 1 |. 0 | aus }: Gibt an, ob das Dialogfeld Bildlaufleisten anzeigt. Der Standardwert ist „Ja“.
Die folgenden Attribute werden in HTA verwendet und werden im Allgemeinen nicht auf normalen Webseiten verwendet.
10.dialogHide: { ja |. 1 | aus }: Ob das Dialogfeld beim Drucken oder in der Druckvorschau ausgeblendet ist. Der Standardwert ist Nein.
11. Kante: {versunken |. angehoben}: Gibt den Rahmenstil des Dialogfelds an. Der Standardwert wird erhöht.
12.unadored:{ ja |. 1 |.
Parameterübergabe:
1. Um Parameter an das Dialogfeld zu übergeben, werden diese über vArguments übergeben. Für den Typ gibt es keine Begrenzung, es können maximal 4096 Zeichen übergeben werden.
2. Sie können Informationen über window.returnValue an das Fenster zurückgeben, in dem das Dialogfeld geöffnet wird.