JS -Code -Snippet zum Öffnen eines Popup -Fensters

Nichts Besonderes nur ein JavaScript -Code -Snippet, um ein Popup -Fenster zu öffnen.

<span>W = window,
</span>    <span>D = document;
</span>
    <span>//set the window to widgets dimensions
</span>    <span>var winH = 400, //allow for window padding and header
</span>        winW <span>= 400,
</span>        winT <span>= 400,
</span>        winL <span>= 400;
</span>
    <span>//set the content
</span>    <span>var windowName = 'Widget', // should not include space for IE
</span>        path <span>= W.location.path,
</span>        windowOptions <span>= 'location=0,status=0,toolbar=0,dependent=1,resizable=1,menubar=0,screenX=' + winL + ',screenY=' + winT + ',width=' + winW + ',height=' + winH,
</span>        that <span>= this;
</span>   
    <span>//note path needs to be in the same domain...
</span>
    <span>//open the window
</span>    that<span>._Window = window.open(path, windowName, windowOptions);
</span>    that<span>._Interval = window.setInterval(function () {
</span>        <span>if (that._Window.closed) {
</span>            <span>window.clearInterval(that._Interval);
</span>            <span>//code to run when window is closed
</span>
        <span>}
</span>    <span>}, 1000);</span>

häufig gestellte Fragen zu JavaScript Popup Windows

Wie kann ich ein Popup -Fenster mit JavaScript erstellen? Sie können die Methode window.open () verwenden. Diese Methode erstellt ein neues Fenster und gibt einen Verweis darauf zurück. Hier ist ein grundlegendes Beispiel:

var mywindow = window.open ("", "myWindow", "width = 200, height = 100");
myWindow.document.write ("

Dies ist 'MyWindow'

");

In diesem Beispiel nimmt die Methode window.open () drei Parameter: die URL der Seite zum Öffnen (links leer hier, um ein leeres Fenster zu erstellen), den Namen des Fensters und eine Zeichenfolge, die die Funktionen des Fensters angibt (wie seine Breite und Höhe).

Wie kann ich die Größe und Position des Popup -Fensters steuern? 🎜> Sie können die Größe und Position des Popup -Fensters steuern, indem Sie sie im dritten Parameter des Fensters angeben. Open () Methode. Um beispielsweise ein Fenster zu erstellen, das 500 Pixel breit und 600 Pixel hoch ist und 10 Pixel von links und oben auf dem Bildschirm positioniert ist, würden Sie:

var mywindow = window.open ("",

var mywindow = verwenden ("", "MyWindow", "Breite = 500, Höhe = 600, links = 10, Top = 10");

Kann ich eine bestimmte URL im Popup laden Fenster? Zum Beispiel:

var mywindow = window.open ("https://www.example.com", "myWindow", "width = 500, height = 600");

Wie Kann ich ein Popup -Fenster mit JavaScript schließen? Diese Methode schließt das aktuelle Fenster oder das Fenster, zu dem sie aufgerufen wurde. Hier ist ein Beispiel:

myWindow.close ();

Kann ich verhindern, dass das Popup -Fenster die Größe der Größe verändert?

Ja, Sie können verhindern, Hinzufügen der Resizable = No -Feature im Fenster.open () Methode. Zum Beispiel:

var mywindow = window.open ("", "mywindow", "width = 500, Höhe = 600, resizable = no");

Wie kann ich überprüfen, ob a Das Popup -Fenster ist noch geöffnet? Diese Eigenschaft gibt einen booleschen Wert zurück, der angibt, ob das Fenster geschlossen ist (True) oder nicht (falsch). Hier ist ein Beispiel:

if (! Mywindow.closed) {
// Das Fenster ist noch geöffnet

}

Kann ich mit dem Inhalt des Popup -Fensters interagieren? 🎜>

Ja, Sie können mit dem Inhalt des Popup -Fensters mit der Dokumenteigenschaft des Fensterobjekts interagieren. Um beispielsweise einen Text in das Popup -Fenster zu schreiben, können Sie:

mywindow.document.write ("

Hallo, Welt!

");
verwenden;

Kann ich ein Popup -Fenster ohne die Symbolleiste des Browsers öffnen? Zum Beispiel:

var mywindow = window.open ("", "myWindow", "width = 500, Höhe = 600, Symbolleiste = no");

Kann ich das Popup -Fenster erzwingen Um immer oben zu sein? Dies wird durch das Betriebssystem und die Browsereinstellungen des Benutzers gesteuert.

Kann ich erkennen, wann das Popup -Fenster geschlossen ist? Onunload -Ereignis. Dieses Ereignis wird abgefeuert, wenn das Fenster seine Ressourcen entladen soll. Hier ist ein Beispiel:

myWindow.onunload = function () {

// Das Fenster steht kurz vor der Schließung

};

Das obige ist der detaillierte Inhalt vonJS -Code -Snippet zum Öffnen eines Popup -Fensters. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!