Heim > Artikel > Web-Frontend > So öffnen Sie ein neues Fenster in JQuery
So öffnen Sie ein neues Fenster in jquery: Erstellen Sie zuerst ein Formular und öffnen Sie dann durch Formularübermittlung ein neues Fenster, z.
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!