Javascript中封装window.open解决不兼容问题_window.open方法能在手机浏览器打开另一个窗口吗? - CSDN文库

5星 · 超过95%的资源 193 浏览量更新于2023-05-05 评论收藏 27KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

Javascript中封装中封装window.open解决不兼容问题解决不兼容问题

对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("//www.jb51.net/ ?rel=xuexb",{

width:888

});

}

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

评论10

yxldr

2023-06-16

建议增加一些示例的演示效果，会更好理解。

weixin_38692184

粉丝: 8
资源: 933

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈