Maison  >  Article  >  interface Web  >  Comment ouvrir une nouvelle fenêtre dans jquery

Comment ouvrir une nouvelle fenêtre dans jquery

王林
王林original
2020-11-25 11:24:363883parcourir

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'; ].

Comment ouvrir une nouvelle fenêtre dans jquery

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn