Ausführliche Erklärung von window.open() und Diskussion von Browserkompatibilitätsproblemen_Javascript-Kenntnissen

1. Grundlegende Syntax:
window.open(pageURL,name,parameters)
Wobei:
pageURL ist der Pfad des Unterfensters
name ist der Name des Unterfensters
Parameter sind die Fensterparameter (jeder Parameter ist durch Kommas getrennt)

2. Beispiel

Code kopieren Der Code ist wie folgt:

page.html wird in der neuen Form newwindow angezeigt. In der Mitte geöffnet, Breite beträgt 800, Höhe beträgt 500, 0 Pixel vom oberen Bildschirmrand, 0 Pixel vom linken Bildschirmrand,

Nein Symbolleiste, keine Menüleiste, keine Bildlaufleiste, keine Größenänderung, keine Adressleiste, keine Statusleiste.

Jeder Browser bietet unterschiedliche Unterstützung für die Fensterfunktionen sFeatures-Parameter von window.open()

Zusammenfassung der Ausführungsergebnisse jedes Browsers:



Nach oben Die Tabelle zeigt die Unterstützungsstufe jedes Browsers für jede Parameteroption der Funktionen:
[Hinweis 1]: In IE7 IE8 Firefox Chrome Safari, wenn die Option „Menüleiste“. ist „Ja“, wird die Menüleiste standardmäßig nicht angezeigt und die Menüleiste kann nur nach Drücken der ALT-Taste angezeigt werden. Wenn die Option „Menüleiste“ hingegen „Nein“ ist, wird die Menüleiste nicht angezeigt auch wenn die ALT-Taste gedrückt wird.
【Hinweis 2】: In Safari ist der Anzeigeeffekt beim Aktivieren der Option „Standort“ derselbe wie beim Aktivieren der Option „Symbolleiste“.
【Hinweis 3】: Verwenden Sie in IE6 IE8 Chrome die Positionierung „oben“ und „links“. Wenn der eingestellte Koordinatenwert zu groß ist, wird das Popup-Fenster möglicherweise außerhalb des sichtbaren Bereichs des Bildschirms angezeigt.
【Hinweis 4】: Verwenden Sie in IE7 Firefox Safari Opera die Positionierung „oben“ und „links“. Wenn der eingestellte Koordinatenwert zu groß ist, passt das Fenster die Werte „oben“ und „links“ automatisch an Stellen Sie sicher, dass das Fenster normalerweise im sichtbaren Bereich des Bildschirms angezeigt wird.
【Anmerkung 5】: In Chrome Opera wird die unabhängige Verwendung von „links“ und „oben“ nicht unterstützt, ohne die Werte „Breite“ und „Höhe“ festzulegen. Derzeit werden „links“ und „oben“ verwendet. Einstellungswerte sind Keiner von ihnen wird wirksam.
【Anmerkung 6】: In Chrome wird die unabhängige Verwendung von „Breite“ und „Höhe“ ohne Festlegung der Werte „Links“ und „Höhe“ derzeit nicht unterstützt Die Werte sind beide. Wird nicht wirksam. In Kombination mit der Beschreibung von [Anmerkung 5] ist ersichtlich, dass Sie unabhängig davon, ob Sie einen oder mehrere Werte in der Breite, Höhe oder Position eines Popup-Fensters in Chrome festlegen möchten, diese alle zuweisen müssen, andernfalls es wird nicht funktionieren.
【Anmerkung 7】: In Firefox Chrome wird die Adressleiste immer angezeigt.
【Anmerkung 8】: In Opera wird die Adressleiste standardmäßig nicht angezeigt, aber Sie können auf die Leiste oben auf der Seite klicken, um sie anzuzeigen. Nachdem Sie „location=yes“ eingestellt haben, wird die Adressleiste angezeigt automatisch.
【Hinweis 9】: In Chrome Opera wird die Menüleiste nie angezeigt, egal wie der „Menüleisten“-Wert eingestellt ist.
【Anmerkung 10】: Unabhängig davon, wie der Wert „Größe veränderbar“ in Firefox Safari Chrome Opera eingestellt ist, kann die Größe des Fensters jederzeit vom Benutzer geändert werden.
【Anmerkung 11】: Wenn in Safari Chrome Bildlaufleisten auf der Seite vorhanden sind, sind die Bildlaufleisten immer sichtbar, unabhängig davon, wie der Wert für „Bildlaufleisten“ festgelegt ist.
【Hinweis 12】: IE7 kann den Parameter „status“ unterstützen, um die Statusleiste standardmäßig im Windows XP SP3-System auszublenden. In der Standardumgebung des Windows Vista-Systems wird der Parameter „status“ jedoch nicht unterstützt Die Statusleiste ist immer sichtbar. Die standardmäßigen IE7-Nebenversionsnummern im System sind unterschiedlich. Erstere hat eine niedrigere Versionsnummer, während letztere eine höhere Versionsnummer hat.
【Anmerkung 13】: In Firefox ist die Statusleiste unabhängig davon, wie der „Status“-Wert festgelegt ist, immer sichtbar, während in Chrome Opera im Gegensatz zu ersterem die Statusleiste immer unsichtbar ist.
【Anmerkung 14】: In Chrome Opera wird die Symbolleiste nie angezeigt, egal wie der Wert „Symbolleiste“ eingestellt ist.
Zusammenfassend ist ersichtlich, dass es einen großen Unterschied in der Unterstützungsstufe des sFeatures-Parameters der Methode window.open gibt und Sie bei der Verwendung vorsichtig sein müssen.

Wenn wir window.open zum Öffnen einer Seite verwenden, muss diese im Allgemeinen in der Mitte angezeigt werden:

Code kopieren Der Code lautet wie folgt: var width=800; //Die Breite des Popup-Fensters;

var height=500; des Popup-Fensters;

var top = (window.screen.availHeight-height)/2; //Vertikale Position des Fensters
var left = (window.screen.availWidth-width)/2 ; //Horizontale Position des Fensters;
window.open('page.html', 'newwindow','height=' height ',width=' width ',top=' top ',left=' left ' ,
toolbar=no,menubar=no,scrollbars=no, resizable=no,location= no, status=no')


Der Unterschied zwischen availHeight und height

Code kopieren Der Code lautet wie folgt: window.screen.width gibt die aktuelle Bildschirmbreite (Auflösungswert) zurück

window.screen.height gibt die aktuelle Bildschirmhöhe (Auflösungswert) zurück

screen.availWidth,screen.availHeight Bezieht sich auf die Länge und Breite ohne die Taskleiste (Taskleiste)