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 相关文章推荐
符合标准的js表单提交的代码
Sep 13 Javascript
获取body标签的两种方法
Oct 13 Javascript
IE浏览器中图片onload事件无效的解决方法
Apr 29 Javascript
JavaScript Promise 用法
Jun 14 Javascript
JavaScript随机打乱数组顺序之随机洗牌算法
Aug 02 Javascript
利用Angular.js编写公共提示模块的方法教程
May 28 Javascript
JS获取数组中出现次数最多及第二多元素的方法
Oct 27 Javascript
vue实现微信分享朋友圈,发送朋友的示例讲解
Feb 10 Javascript
浅谈React 服务器端渲染的使用
May 08 Javascript
jQuery模仿ToDoList实现简单的待办事项列表
Dec 30 jQuery
WEB前端性能优化的7大手段详解
Feb 04 Javascript
使用Vue实现一个树组件的示例
Nov 06 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
PHP中使用file_get_contents抓取网页中文乱码问题解决方法
2014/12/17 PHP
PHP动态地创建属性和方法, 对象的复制, 对象的比较,加载指定的文件,自动加载类文件,命名空间
2016/05/06 PHP
PHP利用百度ai实现文本和图片审核
2019/05/08 PHP
php下的原生ajax请求用法实例分析
2020/02/28 PHP
utf8的编码算法 转载
2006/12/27 Javascript
用js实现的抽象CSS圆角效果!!
2007/05/03 Javascript
js 动态选中下拉框
2009/11/26 Javascript
javascript 从if else 到 switch case 再到抽象
2010/07/17 Javascript
jQuery-ui引入后Vs2008的无智能提示问题解决方法
2014/02/10 Javascript
EasyUI实现二级页面的内容勾选的方法
2015/03/01 Javascript
JS+CSS实现表格高亮的方法
2015/08/05 Javascript
在jQuery中使用$而避免跟其它库产生冲突的方法
2015/08/13 Javascript
JS实现的简洁纵向滑动菜单(滑动门)效果
2015/10/19 Javascript
Jquery左右滑动插件之实现超级炫酷动画效果附源码下载
2015/12/02 Javascript
JavaScript优化专题之Loading and Execution加载和运行
2016/01/20 Javascript
JS排序方法(sort,bubble,select,insert)代码汇总
2016/01/30 Javascript
jQuery中判断对象是否存在的方法汇总
2016/02/24 Javascript
Jquery和JS获取ul中li标签的实现方法
2016/06/02 Javascript
jQuery 移动端拖拽(模块化开发,触摸事件,webpack)
2016/10/28 Javascript
H5实现仿flash效果的实现代码
2017/09/29 Javascript
微信小程序实现tab切换效果
2017/11/21 Javascript
vue中实现在外部调用methods的方法(推荐)
2018/02/08 Javascript
vue.js分页中单击页码更换页面内容的方法(配合spring springmvc)
2018/02/10 Javascript
layui table 表格模板按钮的实例代码
2019/09/21 Javascript
node省市区三级数据性能测评实例分析
2019/11/06 Javascript
javascript实现贪吃蛇小练习
2020/07/05 Javascript
Python中的CURL PycURL使用例子
2014/06/01 Python
python得到windows自启动列表的方法
2018/10/14 Python
对Python3+gdal 读取tiff格式数据的实例讲解
2018/12/04 Python
如何使用python-opencv批量生成带噪点噪线的数字验证码
2020/12/21 Python
四年大学生活的个人自我评价
2013/12/11 职场文书
2014年医院后勤工作总结
2014/12/06 职场文书
2016教师节问候语
2015/11/10 职场文书
初中化学教学反思
2016/02/22 职场文书
学校团代会开幕词
2016/03/04 职场文书
面试中老生常谈的MySQL问答集锦夯实基础
2022/03/13 MySQL