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

更新时间：2014年09月28日 18:04:53 投稿：whsnow

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("https://www.jb51.net/ ?rel=xuexb",{
width:888
});
}

您可能感兴趣的文章:

window
open

基于jquery的图片的切换(以数字的形式)
图片的切换时一个常用的功能。下面实现的是一个点击数字来进行图片的切换。学习jquery的朋友可以参考下原理。
2011-02-02
浅谈jQuery 选择器和dom操作
下面小编就为大家带来一篇浅谈jQuery 选择器和dom操作。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-06-06
jQuery验证插件 Validate详解
validate是一款很好的jq插件,提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。该插件捆绑了一套有用的验证方法，包括 URL 和电子邮件验证，同时提供了一个用来编写用户自定义方法的 API。
2014-11-11
浅谈jquery选择器 :first与:first-child的区别
下面小编就为大家带来一篇浅谈jquery选择器 :first与:first-child的区别。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-11-11
jQuery实现文章收起与展开功能
这篇文章主要为大家详细介绍了jQuery实现文章收起与展开功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-08-08
一些有用的JavaScript和jQuery的片段分享
通过添加 CSS 类改变元素的外观和感觉，非常干净的方法，而不是添加内联样式。
2011-08-08
jquery实时获取时间的简单实例
下面小编就为大家带来一篇jquery实时获取时间的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-01-01
jQuery基本过滤选择器使用介绍
简单过滤选择器：根据某类过滤规则进行元素的匹配，书写时都以冒号（：）开头；简单过滤选择器是过滤选择器中使用最广泛的一种，感兴趣的朋友可以参考下
2013-04-04
解决easyui日期时间框ie的兼容的问题
下面小编就为大家分享一篇解决easyui日期时间框ie的兼容的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-03-03
jQuery实现可用于博客的动态滑动菜单完整实例
这篇文章主要介绍了jQuery实现可用于博客的动态滑动菜单代码,可实现jQuery基于鼠标事件动态操作页面元素变换的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-09-09