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


Posted in Javascript onSeptember 28, 2014

对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://3water.com/ ?rel=xuexb",{
width:888
});
}
Javascript 相关文章推荐
最简单的jQuery程序 入门者学习
Jul 09 Javascript
Jquery AutoComplete自动完成 的使用方法实例
Mar 19 Javascript
基于jQuery的输入框在光标位置插入内容, 并选中
Oct 29 Javascript
jQuery Animation实现CSS3动画示例介绍
Aug 14 Javascript
jQuery实现类似老虎机滚动抽奖效果
Aug 06 Javascript
js实现的彩色方块飞舞奇幻效果
Jan 27 Javascript
jQuery实现带水平滑杆的焦点图动画插件
Mar 08 Javascript
JQuery控制图片由中心点逐渐放大效果
Jun 26 Javascript
JavaScript实现一个空中避难的小游戏
Jun 06 Javascript
新手vue构建单页面应用实例代码
Sep 18 Javascript
详解vue项目接入微信JSSDK的坑
Dec 14 Javascript
vue路由分文件拆分管理详解
Aug 13 Javascript
jQuery固定浮动侧边栏实现思路及代码
Sep 28 #Javascript
js文件包含的几种方式介绍
Sep 28 #Javascript
javascript中bind函数的作用实例介绍
Sep 28 #Javascript
js和jquery如何获取图片真实的宽度和高度
Sep 28 #Javascript
一个jquery实现的不错的多行文字图片滚动效果
Sep 28 #Javascript
IE中getElementsByName()对有些元素无效的解决方案
Sep 28 #Javascript
js propertychange和oninput事件
Sep 28 #Javascript
You might like
索尼SONY ICF-SW7600GR电路分析与改良
2021/03/02 无线电
给多个地址发邮件的类
2006/10/09 PHP
PHP代码保护--Zend Guard的使用详解
2013/06/03 PHP
php获取百度收录、百度热词及百度快照的方法
2015/04/02 PHP
php实现用手机关闭计算机(电脑)的方法
2015/04/22 PHP
详解PHP对象的串行化与反串行化
2016/01/24 PHP
Zend Framework开发入门经典教程
2016/03/23 PHP
PHP 自动加载的简单实现(推荐)
2016/08/12 PHP
JavaScript 事件的一些重要说明
2009/10/25 Javascript
window.location.href = window.location.href 跳转无反应 a超链接onclick事件写法
2013/08/21 Javascript
JS+CSS实现的简单折叠展开多级菜单效果
2015/09/12 Javascript
使用bootstrap typeahead插件实现输入框自动补全之问题及解决办法
2016/07/07 Javascript
js实现日历与定时器
2017/02/22 Javascript
Javascript仿京东放大镜的效果
2017/03/01 Javascript
原生JS仿QQ阅读点击展开、收起效果
2017/03/08 Javascript
关于vue.js过渡css类名的理解(推荐)
2017/04/10 Javascript
jQuery中.attr()和.data()的区别分析
2017/09/03 jQuery
JS实现点击循环切换显示内容的方法
2017/10/19 Javascript
Vue多种方法实现表头和首列固定的示例代码
2018/02/02 Javascript
webpack4的迁移的使用方法
2018/05/25 Javascript
微信小程序tab左右滑动切换功能的实现代码
2021/02/08 Javascript
讲解Python中for循环下的索引变量的作用域
2015/04/15 Python
python读取oracle函数返回值
2016/07/18 Python
Python简单检测文本类型的2种方法【基于文件头及cchardet库】
2016/09/18 Python
Python标准库之collections包的使用教程
2017/04/27 Python
Sanic框架基于类的视图用法示例
2018/07/18 Python
浅析python中的迭代与迭代对象
2018/10/08 Python
Django REST framework视图的用法
2019/01/16 Python
关于阿里云oss获取sts凭证 app直传 python的实例
2019/08/20 Python
python matplotlib折线图样式实现过程
2019/11/04 Python
Python操作Jira库常用方法解析
2020/04/10 Python
运动会入场式解说词
2014/02/18 职场文书
《放飞蜻蜓》教学反思
2014/04/27 职场文书
新农村建设典型材料
2014/05/31 职场文书
环境科学专业教师求职信
2014/07/12 职场文书
浅谈如何保证Mysql主从一致
2022/03/13 MySQL