当前位置:主页 > jquery教程 > Javascript中封装window.open解决不兼容问题

Javascript中封装window.open不兼容问题的处理方法

发布:2020-02-02 14:34:13 124


为找教程的网友们整理了Javascript相关的编程文章,网友高学名根据主题投稿了本篇教程内容,涉及到Javascript、window.open、Javascript中封装window.open解决不兼容问题相关内容,已被284网友关注,下面的电子资料对本篇知识点有更加详尽的解释。

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
});
}

参考资料

相关文章

  • JavaScript寄生组合式继承实例详解

    发布:2022-06-29

    为网友们分享了关于JavaScript的教程,这篇文章主要介绍了JavaScript寄生组合式继承,结合实例形式详细分析了寄生组合式继承原理、实现方法与相关注意事项,需要的朋友可以参考下


  • 详细介绍JavaScript中闭包

    发布:2020-01-28

    本文主要介绍了JavaScript中闭包的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧


  • javascript模拟鼠标点击事件的实例代码

    发布:2020-06-15

    这篇文章主要介绍了javascript触发模拟鼠标点击事件,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下


  • JavaScript之Vue.js【入门基础】

    发布:2022-04-03

    本文主要介绍一下Vue.js并附上在Node.js环境下搭建一个简单的Demo实例代码。条理清晰,有助于阅读和理解。有需要的朋友可以看下


  • 实例解析JavaScript中BOM对象原理与用法

    发布:2020-02-04

    这篇文章主要介绍了JavaScript中BOM对象原理与用法,,结合实例形式分析了javascript中BOM浏览器对象模型相关概念、原理、用法及相关操作注意事项,需要的朋友可以参考下


  • 深入理解JavaScript中双向数据绑定

    发布:2020-02-11

    这篇文章主要为大家详细介绍了JavaScript中双向数据绑定,具有一定的参考价值,感兴趣的小伙伴们可以参考一下


  • 微信小程序调用指纹验证

    发布:2020-03-14

    这篇文章主要介绍了小程序指纹验证的实现代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧


  • 掌握JavaScript中面向对象编程之概论

    发布:2020-03-11

    这篇文章主要介绍了深入理解JavaScript系列(17):面向对象编程之概论详细介绍,本文讲解了概论、范式与思想、基于类特性和基于原型、基于静态类、层次继承等内容,需要的朋友可以参考下


网友讨论