Maison >interface Web >js tutoriel >Comment ouvrir une nouvelle fenêtre dans jquery
La méthode pour ouvrir une nouvelle fenêtre dans jquery : créez d'abord un formulaire ; puis ouvrez une nouvelle fenêtre en soumettant le formulaire, tel que [form.target = '_blank'; form.method = 'POST'; ].
L'environnement d'exploitation de ce tutoriel : Système Windows 10, jquery version 2.2.4. Cette méthode convient à toutes les marques d'ordinateurs.
(Partage vidéo d'apprentissage : tutoriel vidéo jquery)
Il existe plusieurs façons d'ouvrir une nouvelle fenêtre dans jquery :
La première : Créer un formulaire Formulaire, une nouvelle page à onglet est ouverte lors de la soumission du formulaire.
var form = document.createElement(‘form‘); form.action = ‘www.baidu.com?id=1‘; form.target = ‘_blank‘; form.method = ‘POST‘; document.body.appendChild(form); form.submit();
Le deuxième type :
var tempwindow=window.open('_blank'); tempwindow.location='www.baidu.com' ;
Le troisième type :
setTimeout(window.open('www.baidu.com'), 500);
Le quatrième type : (similaire au premier type)
/* 在新窗口中打开 */ 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');
Remarque : la méthode ci-dessus peut être appliquée dans js. Si l'action de saut de page a lieu après l'exécution de la méthode ajax, ajax doit être configuré pour être exécuté de manière synchrone. Ajouter un attribut : async:false. Tels que :
$.ajax({ type: 'post', data: param, url: 'ActionUrl', dataType: 'json', async:false, success: function (msg) { openNewWindow('www.baidu.com'); }
Recommandations associées : tutoriel js
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!