Maison  >  Article  >  interface Web  >  L'encapsulation de window.open en Javascript résout les problèmes d'incompatibilité_jquery

L'encapsulation de window.open en Javascript résout les problèmes d'incompatibilité_jquery

WBOY
WBOYoriginal
2016-05-16 16:35:101308parcourir

Encapsulez window.open pour le rendre plus facile à utiliser et plus compatible. Beaucoup de gens disent que window.open est incompatible, mais ce n'est pas le cas, car il ne peut pas être exécuté directement et doit être déclenché manuellement par l'utilisateur ; code :

Le code est le suivant

var openWindow = function(url, options) {
var str = "";
if (options) {
options.height = options.height || 420;
options.width = options.width || 550;
options.left = options.left || ((screen.width - options.width) / 2); //默认为居中
options.top = options.top || ((screen.height - options.height) / 2); //默认为居中

for (var i in options) {
str += ',' + i + '=' + options[i];
}
str = str.substr(1);
};
window.open(url, 'connect_window_'+ (+new Date), str);//参数1为url,参数2为了能可以重复弹出
str = null;
};


//demo 1:新窗口打开我的led投光灯电源网站
document.body.onclick = function(){
openWindow("http://www.daermay.com/ ?rel=xuexb");
}

//demo 2:固定宽 并居中
document.body.onclick = function(){
openWindow("http://www.jb51.net/ ?rel=xuexb",{
width:888
});
}
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