1. Grundlegende Syntax:
window.open (pageurl, Name, Parameter)
In:
Pageurl ist der Kinderfensterpfad
Name ist der Namen des Kinderfensters
Parameter sind Fensterparameter (jede Parameter werden durch Kommas getrennt)
2. Beispiel
Die Codekopie lautet wie folgt:
<script type = "text/javaScript">
window.open ('page.html', 'newwindow', 'height = 500, width = 800, top = 0, links = 0,,
Symbolleiste = nein, Menubar = nein, Scrollbars = nein, resizable = nein, location = no, status = no ')
</script>
Page.html wird in der neuen Form NewWindow mit einer Breite von 800, einer Höhe von 500, 0 Pixel vom Bildschirm und 0 Pixel von links vom Bildschirm geöffnet.
Keine Symbolleiste, keine Menüung, keine Scrollbar, keine Größe, keine Adressleiste, keine Statusleiste.
In jedem Browser gibt es Unterschiede in der Stützstufe der Fensterfunktionen des Fensters.open ()
Zusammenfassung der laufenden Ergebnisse jedes Browsers:
Die obige Tabelle zeigt den Grad der Unterstützung für jeden Browser für Features Parameteroptionen und die speziellen Erklärungen sind wie folgt:
[Anmerkung 1]: In IE7 IE8 Firefox Chrome Safari wird die Option "Menubar" "Ja" lautet, die Menüleiste wird standardmäßig nicht angezeigt. Sie müssen die ALT -Taste drücken, bevor die Menüleiste angezeigt werden kann. Im Gegenteil, wenn die Option "Menubar" "Nein" ist, wird die Menüleiste nicht angezeigt, selbst wenn die ALT -Taste gedrückt wird.
[Anmerkung 2]: In Safari ist der Display -Effekt der gleiche wie wenn die Option "Ort" eingeschaltet und die Option "Symbolleiste" eingeschaltet ist.
[Anmerkung 3]: Verwenden Sie in IE6 IE8 Chrome "Top" und "Links", um zu lokalisieren. Wenn der festgelegte Koordinatenwert zu groß ist, kann das Popup-Fenster außerhalb des visuellen Bereichs des Bildschirms angezeigt werden.
[Anmerkung 4]: Verwenden Sie in IE7 Firefox Safari Opera "Top" und "Links", um zu lokalisieren. Wenn der festgelegte Koordinatenwert zu groß ist, passt das Fenster automatisch die Werte "oben" und "links" an, um sicherzustellen, dass das Fenster normalerweise im sichtbaren Bereich des Bildschirms angezeigt wird.
[Anmerkung 5]: In Chrome Opera wird es nicht unterstützt, "links" und "oben" unabhängig zu verwenden, ohne die Werte "Breite" und "Höhe" festzulegen. Zu diesem Zeitpunkt werden die Werte "links" und "obere" Einstellungswerte nicht wirksam.
[Anmerkung 6]: In Chrome wird es nicht unterstützt, "Breite" und "Höhe" unabhängig voneinander zu verwenden, ohne die Werte "links" und "Höhe" festzulegen. Zu diesem Zeitpunkt wirkt sich die Werte "Breite" "Höhe" nicht wirksam. In Kombination mit den Anweisungen von [Anmerkung 5] können wir feststellen, dass Sie sie alle zuweisen müssen, da Sie alle in der Breite, Höhe oder Position des Popup-Fensters in Chrome einstellen möchten, da sonst keine davon funktioniert.
[Anmerkung 7]: In Firefox Chrom wird die Adressleiste immer angezeigt.
[Anmerkung 8]: In der Opera wird in der Adressleiste standardmäßig nicht angezeigt. Sie können jedoch oben auf der Seite auf die horizontale Leiste klicken, um sie anzuzeigen. Nach der Einstellung "location = yes" wird die Adressleiste automatisch angezeigt.
[Anmerkung 9]: In der Chromoper wird die Menüleiste niemals angezeigt, unabhängig davon, wie der Wert "Menubar" festgelegt wird.
[Anmerkung 10]: Unabhängig davon, wie der Wert "resizierbar" in der Firefox -Safari -Chromoper festgelegt ist, kann das Fenster immer vom Benutzer geändert werden.
[Anmerkung 11]: In Safari Chrome ist die Bildlaufleiste immer sichtbar, unabhängig davon, wie der Wert "Scrollbars" festgelegt ist.
[Anmerkung 12]: IE7 kann den Parameter "Status" unterstützen, um die Statusleiste standardmäßig im Windows XP SP3 -System auszublenden. Während der Parameter "Status" in der Standardumgebung des Windows Vista -Systems nicht unterstützt wird und die Statusleiste immer sichtbar ist. Dies hängt mit den verschiedenen Standard -IE7 -Versionsnummern in den beiden Systemen zusammen. Ersteres hat eine niedrigere Versionsnummer und letztere eine höhere Versionsnummer.
[Anmerkung 13]: In Firefox ist die Statusleiste immer sichtbar, unabhängig davon, wie der "Status" -Wert festgelegt wird, während in der Chromoper die Statusleiste immer in der entgegengesetzten Richtung des ersteren unsichtbar ist.
[Anmerkung 14]: In der Chromoper wird die Symbolleiste nie angezeigt, unabhängig davon, wie der Wert "Symbolleiste" festgelegt wird.
Zusammenfassend lässt sich sagen, dass es große Unterschiede in der Stützstufe des SFEATURES -Parameters der Fenster gibt. Open -Methode, sodass Sie bei der Verwendung vorsichtig sein müssen.
Im Allgemeinen müssen wir sie in der Mitte anzeigen, wenn wir Windows.open verwenden, um die Seite zu öffnen. Beispielcode:
Die Codekopie lautet wie folgt:
var width = 800; // die Breite des Popup-Fensters;
var Höhe = 500; // die Höhe des Popup-Fensters;
var top = (window.screen.availHeight-Height)/2; // die vertikale Position des Fensters;
var links = (window.screen.availwidth-width)/2; // Horizontale Position des Fensters;
window.open ('page.html', 'newWindow', 'height ='+height+', width ='+width+', top ='+top+', links ='+links+',
Symbolleiste = nein, Menubar = nein, Scrollbars = nein, resizable = nein, location = no, status = no ')
Der Unterschied zwischen verfügbarem Platz und Höhe
Die Codekopie lautet wie folgt:
window.screen.width gibt die aktuelle Bildschirmbreite zurück (Auflösungswert)
window.screen.height gibt die aktuelle Bildschirmhöhe zurück (Auflösungswert)
screen.availwidth, screen.availHeight bezieht sich auf die Länge und die Breite außer der Taskleiste.