DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Javascript中封裝window.open解決不兼容問題
Javascript中封裝window.open解決不兼容問題
編輯:關於JavaScript     

對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.cnblogs.com/ ?rel=xuexb",{
width:888
});
}
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved