Heim  >  Artikel  >  Web-Frontend  >  So öffnen Sie ein neues Fenster in JQuery

So öffnen Sie ein neues Fenster in JQuery

王林
王林Original
2020-11-25 11:24:363881Durchsuche

So öffnen Sie ein neues Fenster in jquery: Erstellen Sie zuerst ein Formular und öffnen Sie dann durch Formularübermittlung ein neues Fenster, z.

So öffnen Sie ein neues Fenster in JQuery

Die Betriebsumgebung dieses Tutorials: Windows 10-System, JQuery-Version 2.2.4. Diese Methode ist für alle Computermarken geeignet.

(Teilen von Lernvideos: JQuery-Video-Tutorial)

Es gibt mehrere Möglichkeiten, ein neues Fenster in JQuery zu öffnen:

Die erste: Erstellen Sie ein Formular und senden Sie das Formular ab, um einen neuen Tab zu öffnen.

var form = document.createElement(‘form‘);
form.action = ‘www.baidu.com?id=1‘;
form.target = ‘_blank‘;
form.method = ‘POST‘;
document.body.appendChild(form);
form.submit();

Der zweite Typ:

var tempwindow=window.open('_blank');
tempwindow.location='www.baidu.com' ;

Der dritte Typ:

setTimeout(window.open('www.baidu.com'), 500);

Der vierte Typ: (Ähnlich dem ersten Typ)

/* 在新窗口中打开 */
function openNewWindow(url) {
    var a = document.createElement('a');
    a.setAttribute('href', url);
    a.setAttribute('target', '_blank');
    var id = Math.random(10000, 99999);
    a.setAttribute('id', id);
    // 防止反复添加
    if (!document.getElementById(id)) {
        document.body.appendChild(a);
    }
    a.click();
}
//方法调用
openNewWindow('www.baidu.com');

Hinweis: Die obige Methode kann in js angewendet werden, wenn die Seitensprungaktion ausgeführt wird Nachdem die Ajax-Methode ausgeführt wurde, müssen Sie die synchrone Ajax-Ausführung einrichten. Attribut hinzufügen: async:false. Zum Beispiel:

$.ajax({
                type: 'post',
                data: param,
                url: 'ActionUrl',
                dataType: 'json',
                async:false,
                success: function (msg) {
openNewWindow('www.baidu.com');
}

Verwandte Empfehlungen: js-Tutorial

Das obige ist der detaillierte Inhalt vonSo öffnen Sie ein neues Fenster in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn