Dieser Artikel fasst häufig verwendete JavaScript-Popup-Fenstermethoden für Ihren Vergleich und Ihre Referenz zusammen. Ich hoffe, es wird Ihnen hilfreich sein. Die detaillierte Methode lautet wie folgt:
1. Aktualisieren Sie die Webseite lautlos:
Haben Sie bemerkt, dass beim Aktualisieren einiger Webseiten ein Eingabeaufenthaltsfenster angezeigt wird und auf "OK" klicken, um zu aktualisieren.
Einige Seiten werden nicht aufgefordert, und das schnelle Fenster wird direkt aktualisiert, ohne auftauchen.
Wenn die Seite kein Formular hat,
Das schnelle Fenster wird nicht angezeigt
Wenn die Seite eine Formularform hat,
A) <Formmethode = "post" ...>
Ein schnelles Fenster wird angezeigt
b) <Formmethode = "get" ...>
Wird nicht auftauchen
2. So aktualisieren Sie die Seite in JavaScript:
window.location.reload ();
Verwenden Sie das Popup-Fenster-Popup-Fenster, um das übergeordnete Fenster zu aktualisieren
window.opener.location.reload ())
Modusfenster Popup mit window.showdialog
window.dialogarguments.location.reload ();
3. JavaScript -Popup -Fenstercode:
window.open () Methode:
window.open () unterstützt die Umgebung: javaScript1.0+/jscript1.0+/nav2+/ie3+/opera3+
Grundlegende Syntax:
window.open (pageurl, Name, Parameter)
In:
Pageurl ist der Kinderfensterpfad
Name ist der Kinderfenstergriff
Parameter sind Fensterparameter (jede Parameter werden durch Kommas getrennt)
Beispiel:
<Script> <!-window.open ('page.html', 'newWindow', 'height = 100, width = 400, top = 0, links = 0, Symbolleiste = nein, mseuBAR = no, scrollBars = nein, resizable = no, location = no, status = no) // Schreiben Sie als eine Zeile-> </script> scrpt> script>Nachdem das Skript ausgeführt wurde, wird Page.html in der neuen Form NewWindow mit einer Breite von 100, einer Höhe von 400, 0 Pixel vom oberen Rand des Bildschirms, 0 Pixel von links vom Bildschirm, keine Symbolleiste, keine Menüleiste, keine Scroll -Bar, keine Größe, keine Adressleiste und keine Statusleiste geöffnet.
Bitte vergleichen Sie.
Die obigen Beispiele sind mehrere häufig verwendete Parameter, und es gibt zusätzlich viele andere Parameter, siehe 4.
Verschiedene Parameter
Unter ihnen kann Ja/Nein auch 1/0 verwendet werden; Pixelwert ist der spezifische Wert, ein Einheitspixel.
Parameter | Wertebereich | Beschreibung
| |
Immer lower | Ja/Nein | Angegebene Fenster sind hinter allen Fenstern versteckt
Immer rasis | Ja/Nein | Geben Sie die über alle Windows suspendierten Fenster an
abhängig | Ja/Nein | Ob gleichzeitig das übergeordnete Fenster schließen soll
Verzeichnisse | Ja/Nein | Sind die Verzeichnisspalten von NAV2 und 3 sichtbar
Höhe | Pixelwert | Fensterhöhe
Hotkeys | Ja/Nein | Stellen Sie einen sicheren Beenden Sie Hotkey im Fenster ohne Menüleiste ein
Innerheight | Pixelwert | Pixelhöhe des Dokuments im Fenster
Innerbreite | Pixelwert | Pixelbreite des Dokuments im Fenster
Ort | Ja/Nein | Ist die Standortleiste sichtbar
Menubar | Ja/Nein | Ist die Menüleiste sichtbar
Außenhöhe | Pixelwert | Stellen Sie die Pixelhöhe des Fensters ein (einschließlich dekorativer Grenzen)
äußere Width | Pixelwert | Stellen Sie die Pixelbreite des Fensters ein (einschließlich dekorativer Grenzen)
resizierbar | Ja/Nein | Ist die Fenstergröße sehrbar
screenx | Pixelwert | Die Pixellänge des Fensters zum linken Rand des Bildschirms
Screeny | Pixelwert | Die Pixellänge des Fensters zur oberen Grenze des Bildschirms
Scrollbars | Ja/Nein | Gibt es eine Scrollbar im Fenster
Titelleiste | Ja/Nein | Ist die Fenstertitelspalte sichtbar
Symbolleiste | Ja/Nein | Ist die Fenster -Symbolleiste sichtbar
Breite | Pixelwert | Pixelbreite des Fensters
Z-Look | Ja/Nein | Ob das Fenster nach Aktivierung in anderen Fenstern schwimmt
Funktion showDialog (url) {var iwidth = 300; // Fensterbreite var iHeight = 200; // Fensterhöhe var itop = (window.screen.height-iHeight)/2; var ileft = (window.screen.width-iwidth)/2; window.open (url, "detail", "scrollbars = no, symbolbar = no, location = no, doance = nein, resizierbar = nein, width ="+iwidth+", height ="+iHeight+", top ="+itop+", links ="+ileft); }window.showmodaldialog Methode:
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 und PX in IE5. Aus Gründen der Bequemlichkeit wird PX beim Definieren des Dialogfelds in der Modal -Methode als Einheit verwendet.
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, standardmäßig nach Ja, aber Sie können dennoch Höhe und Breite angeben.
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. Standardeinstellungen zu Ja [modlos] 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 Parameter im Dialogfeld übergeben möchten, wird es durch Vargumente weitergeleitet. Es gibt keine Einschränkung beim Typ, für String -Typen beträgt das Maximum 4096 Zeichen. Objekte können auch übergeben werden, zum Beispiel:
-------------------------------
Parent.htm Seite:
<Script> var obj = new Object (); obj.name = "jb51"; window.showmodaldialog ("modal.htm", obj, "dialogwidth = 200px; dialogHeight = 100px"); </script>modal.htm Seite:
<Script> var obj = window.dialogargumentalet ("Der Parameter, den Sie übergeben, ist:" + obj.name) </script>(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. Zum Beispiel:
Parent.htm Seitencode:
<Script> str = window.showmodaldialog ("modal.htm" ,, "dialogwidth = 200px; dialogHeight = 100px"); alert (str); </script> modal.htm <Script> window.returnvalue = "http://www.jb51.com";Beispiel:
Funktion showDialog (url) {var iwidth = 300; // Fensterbreite var iHeight = 200; // Fensterhöhe var itop = (window.screen.height-iHeight)/2; var ileft = (window.screen.width-iwidth)/2; window.showModaldialog (URL, Fenster, "DialogHeight:"+iHeight+"px; dialogwidth:"+iwidth+"px; dialogTop:"+itop+"; Dialogleft:"+ileft+"; }Beachten Sie hier den zweiten Parameter, Fenster
4.. Das Problem, die Mode -Fensterdaten (Cache) nicht zu aktualisieren, nicht aktualisieren.
Fügen Sie der JSP -Seite die folgende Anweisung hinzu
<% response.setheader ("pragma", "no-cache"); response.setheader ("cache-control", "no-cache"); response.setdatheader ("läuft", 0);%>5. Im Modefenster taucht der Link ein neues Fensterproblem auf:
◎ _blank, öffnen Sie die Link -Datei im neuen Browserfenster.
◎ _Parent, laden Sie die verknüpfte Datei in das übergeordnete Frame -Set oder das übergeordnete Fenster, das den Link -Frame enthält. Wenn das Framework, das den Link enthält, nicht verschachtelt ist, wird die verknüpfte Datei im Vollbildfenster des Browsers genau wie der Parameter _self geladen.
Öffnen Sie das verknüpfte Dokument im selben Frame oder Fenster. Dieser Parameter ist der Standardwert und wird normalerweise nicht angegeben.
◎ _top, öffnet das verknüpfte Dokument im gesamten aktuellen Browserfenster und löscht so alle Frames.
Add <a href = "a.html" target = "_ leer"/> zwischen </head> und <body>
6. wie man die Seite lautlos schließen:
Funktion closewin () {var ua = navigator.useragent; var ie = navigator.appname == "Microsoft Internet Explorer"? Richtig: Falsch; if (dh) {var ieversion = parsefloat (ua.substring (ua.indexof ("msie")+5, ua.indexof (";", ua.indexof ("msie"))))); if (ieversion <5,5) {var str = ''; document.body.insertadjacenthtml ("Beforend", str); document.all.notipclose.click (); } else {window.opener = null; Fenster.CLOSE (); }} else {window.close ()}}Interessierte Leser können die oben genannten Methoden debuggen, von denen ich glaube, dass sie allen Inspiration und Hilfe bringen werden.