快捷導(dǎo)航

Javascript中封裝window.open解決不兼容問題

更新時(shí)間：2014年09月28日 18:04:53 投稿：whsnow

window.open不兼容,其實(shí)不是, 因?yàn)椴荒苤苯訄?zhí)行, 必須通過用戶手動(dòng)觸發(fā)才行，下面有個(gè)實(shí)例，大家可以看看

對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://m.fzitv.net/ ?rel=xuexb",{
width:888
});
}

您可能感興趣的文章:

window
open

相關(guān)文章

jQuery中clone()函數(shù)實(shí)現(xiàn)表單中增加和減少輸入項(xiàng)
這篇文章給大家介紹了jQuery中clone()函數(shù)實(shí)現(xiàn)表單中增加和減少輸入項(xiàng)的實(shí)例代碼，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧
2017-05-05
jquery ajax學(xué)習(xí)筆記2 使用XMLHttpRequest對象的responseXML
使用XMLHttpRequest對象的responseXML的方式來接受XML數(shù)據(jù)對象的DOM對象
2011-10-10
jQuery load方法用法集錦
jQuery load方法用法集錦,學(xué)習(xí)jquery的朋友可以參考下。
2011-12-12
JQuery獲取元素文檔大小、偏移和位置和滾動(dòng)條位置的方法集合
在ajax中經(jīng)常需要對元素的位置進(jìn)行精確的定位，此時(shí)不僅需要獲取元素自身的大小位置等屬性。還需要知道頁面、瀏覽器、滾動(dòng)條等的長度和寬度。
2010-01-01
jQuery簡單實(shí)現(xiàn)title提示效果示例
這篇文章主要介紹了jQuery簡單實(shí)現(xiàn)title提示效果的方法,結(jié)合實(shí)例形式分析了jQuery封裝與使用title提示框的方法,需要的朋友可以參考下
2016-08-08
Jquery和Js獲得元素標(biāo)簽名稱的方法總結(jié)
下面小編就為大家?guī)硪黄狫query和Js獲得元素標(biāo)簽名稱的方法總結(jié)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-10-10
淺談jquery中delegate()與live()
這篇文章主要介紹了淺談jquery中delegate()與live()的相關(guān)資料,需要的朋友可以參考下
2015-06-06
jQuery遍歷對象、數(shù)組、集合實(shí)例
這篇文章主要介紹了jQuery遍歷對象、數(shù)組、集合實(shí)例,本文直接給出實(shí)例代碼,在代碼中有詳細(xì)注釋來解釋代碼的作用,需要的朋友可以參考下
2014-11-11
優(yōu)化Jquery,提升網(wǎng)頁加載速度
本文是對優(yōu)化Jquery,提升網(wǎng)頁加載速度方面進(jìn)行了詳細(xì)的總結(jié)介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2013-11-11
為jquery的ajax請求添加超時(shí)timeout時(shí)間的操作方法
這篇文章主要介紹了為jquery的ajax請求添加超時(shí)timeout時(shí)間的操作方法，文中通過一段簡單的代碼給大家介紹jquery ajax超時(shí)設(shè)置方法，感興趣的朋友跟隨腳本之家小編一起看看吧
2018-09-09