Heim > Web-Frontend > js-Tutorial > Hauptteil

So öffnen Sie ein neues Fenster in JQuery

王林
Freigeben: 2020-11-30 15:43:49
Original
3905 Leute haben es durchsucht

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();
Nach dem Login kopieren

Der zweite Typ:

var tempwindow=window.open('_blank');
tempwindow.location='www.baidu.com' ;
Nach dem Login kopieren

Der dritte Typ:

setTimeout(window.open('www.baidu.com'), 500);
Nach dem Login kopieren

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');
Nach dem Login kopieren

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');
}
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage