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 相关文章推荐
用ADODB.Stream转换
Jan 22 Javascript
文字溢出实现溢出的部分再放入一个新生成的div中具体代码
May 17 Javascript
jQuery图片轮播的具体实现
Sep 11 Javascript
ExtJS中设置下拉列表框不可编辑的方法
May 07 Javascript
jquery Validation表单验证使用详解
Sep 12 Javascript
跟我学习javascript的浮点数精度
Nov 16 Javascript
Bootstrap轮播插件简单使用方法介绍
Jun 21 Javascript
jquery实现图片放大点击切换
Jun 06 jQuery
webpack进阶——缓存与独立打包的用法
Aug 02 Javascript
Easyui 去除jquery-easui tab页div自带滚动条的方法
May 10 jQuery
JavaScript函数式编程(Functional Programming)箭头函数(Arrow functions)用法分析
May 22 Javascript
基于小程序请求接口wx.request封装的类axios请求
Jul 02 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中的traits简单使用实例
2015/05/13 PHP
thinkPHP删除前弹出确认框的简单实现方法
2016/05/16 PHP
javascript 动态参数判空操作
2008/12/22 Javascript
jQuery 入门讲解1
2009/04/15 Javascript
用json方式实现在 js 中建立一个map
2014/05/02 Javascript
Javascript Object 对象学习笔记
2014/12/17 Javascript
AngularJS基础 ng-include 指令示例讲解
2016/08/01 Javascript
浅谈JS继承_借用构造函数 & 组合式继承
2016/08/16 Javascript
在Docker快速部署Node.js应用的详细步骤
2016/09/02 Javascript
js eval函数使用,js对象和字符串互转实例
2017/03/06 Javascript
angular.fromJson与toJson方法用法示例
2017/05/17 Javascript
详解webpack+vue-cli项目打包技巧
2017/06/17 Javascript
详解VueJS 数据驱动和依赖追踪分析
2017/07/26 Javascript
详解基于vue的移动web app页面缓存解决方案
2017/08/03 Javascript
JS对象与JSON互转换、New Function()、 forEach()、DOM事件流等js开发基础小结
2017/08/10 Javascript
详解vue组件之间的通信
2020/08/30 Javascript
解决Vue keep-alive 调用 $destory() 页面不再被缓存的情况
2020/10/30 Javascript
[49:58]完美世界DOTA2联赛PWL S3 Magma vs DLG 第一场 12.18
2020/12/19 DOTA
python创建关联数组(字典)的方法
2015/05/04 Python
Python 文件操作的详解及实例
2017/09/18 Python
python绘制双柱形图代码实例
2017/12/14 Python
Python实现霍夫圆和椭圆变换代码详解
2018/01/12 Python
python使用Tesseract库识别验证
2018/03/21 Python
python计算日期之间的放假日期
2018/06/05 Python
Python turtle画图库&&画姓名实例
2020/01/19 Python
解决 jupyter notebook 回车换两行问题
2020/04/15 Python
浅谈anaconda python 版本对应关系
2020/10/07 Python
Django多数据库联用实现方法解析
2020/11/12 Python
让你相见恨晚的十个Python骚操作
2020/11/18 Python
俄罗斯旅游网站:Tripadvisor俄罗斯
2017/03/21 全球购物
李维斯法国官网:Levi’s法国
2019/07/13 全球购物
幼儿园毕业典礼主持词
2014/03/21 职场文书
考试作弊检讨书怎么写?
2014/12/21 职场文书
英文辞职信范文
2015/05/13 职场文书
接收函
2019/04/22 职场文书
如何用PHP websocket实现网页实时聊天
2021/05/26 PHP