>웹 프론트엔드 >JS 튜토리얼 >Javascript에서 window.open을 캡슐화하면 비호환성 문제가 해결됩니다._jquery

Javascript에서 window.open을 캡슐화하면 비호환성 문제가 해결됩니다._jquery

WBOY
WBOY원래의
2016-05-16 16:35:101321검색

사용하기 쉽고 호환성을 높이기 위해 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으로 문의하세요.