Javascript中封裝window.open解決不兼容問題
更新時(shí)間:2014年09月28日 18:04:53 投稿:whsnow
window.open不兼容,其實(shí)不是, 因?yàn)椴荒苤苯訄?zhí)行, 必須通過用戶手動(dòng)觸發(fā)才行,下面有個(gè)實(shí)例,大家可以看看
對(duì)window.open進(jìn)行封裝, 使其更好用, 且更兼容, 很多人說window.open不兼容,其實(shí)不是, 因?yàn)椴荒苤苯訄?zhí)行, 必須通過用戶手動(dòng)觸發(fā)才行;看代碼:
代碼如下
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); //默認(rèn)為居中
options.top = options.top || ((screen.height - options.height) / 2); //默認(rèn)為居中
for (var i in options) {
str += ',' + i + '=' + options[i];
}
str = str.substr(1);
};
window.open(url, 'connect_window_'+ (+new Date), str);//參數(shù)1為url,參數(shù)2為了能可以重復(fù)彈出
str = null;
};
//demo 1:新窗口打開我的led投光燈電源網(wǎng)站
document.body.onclick = function(){
openWindow("http://www.daermay.com/ ?rel=xuexb");
}
//demo 2:固定寬 并居中
document.body.onclick = function(){
openWindow("http://www.dbjr.com.cn/ ?rel=xuexb",{
width:888
});
}
您可能感興趣的文章:
- javascript打開新窗口同時(shí)關(guān)閉舊窗口
- javascript showModalDialog傳值與FireFox的window.open 父子窗口傳值示例
- javascript彈出窗口 window.open使用方法以及參數(shù)說明分析篇
- javascript 打開頁面window.location和window.open的區(qū)別
- javascript window.opener的用法分析
- Flex調(diào)Javascript打開新窗口示例代碼
- javascript:window.open彈出窗口的位置問題
- javascript window.open打開新窗口后無法再次打開該窗口問題的解決方法
- javascript使用window.open提示“已經(jīng)計(jì)劃系統(tǒng)關(guān)機(jī)”的原因
- JavaScript中window.open用法實(shí)例詳解
- javascript中window.open在原來的窗口中打開新的窗口(不同名)
相關(guān)文章
淺談jquery選擇器 :first與:first-child的區(qū)別
下面小編就為大家?guī)硪黄獪\談jquery選擇器 :first與:first-child的區(qū)別。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-11-11
jquery實(shí)時(shí)獲取時(shí)間的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)硪黄猨query實(shí)時(shí)獲取時(shí)間的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-01-01
jQuery實(shí)現(xiàn)可用于博客的動(dòng)態(tài)滑動(dòng)菜單完整實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)可用于博客的動(dòng)態(tài)滑動(dòng)菜單代碼,可實(shí)現(xiàn)jQuery基于鼠標(biāo)事件動(dòng)態(tài)操作頁面元素變換的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09

