ホームページ >ウェブフロントエンド >jsチュートリアル >Javascript で window.open をカプセル化すると、非互換性の問題が解決されます_jquery

Javascript で window.open をカプセル化すると、非互換性の問題が解決されます_jquery

WBOY
WBOYオリジナル
2016-05-16 16:35:101322ブラウズ

使いやすく、互換性を高めるために window.open をカプセル化します。window.open は互換性がないと言われていますが、そうではありません。これは直接実行できず、ユーザーが手動でトリガーする必要があるためです。コード:

コードは次のとおりです

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
});
}
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。