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:window.onload的使用介绍
Nov 13 Javascript
基于jQuery实现文本框缩放以及上下移动功能
Nov 24 Javascript
jQuery中document与window以及load与ready 区别详解
Dec 29 Javascript
浅谈javascript面向对象程序设计
Jan 21 Javascript
JavaScript中的this使用详解
Jul 27 Javascript
JS图片压缩(pc端和移动端都适用)
Jan 12 Javascript
JS获取子、父、兄节点方法小结
Aug 14 Javascript
Javascript实现运算符重载详解
Apr 07 Javascript
Angular6 发送手机验证码按钮倒计时效果实现方法
Jan 08 Javascript
JavaScript实现多张图片放大镜效果示例【不限定图片尺寸,rem单位】
May 14 Javascript
bootstrap 日期控件 datepicker被弹出框dialog覆盖的解决办法
Jul 09 Javascript
Vue 实现拨打电话操作
Nov 16 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会话(session)说明介绍
2016/08/21 PHP
yii2局部关闭(开启)csrf的验证的实例代码
2017/07/10 PHP
php实现的中秋博饼游戏之绘制骰子图案功能示例
2017/11/06 PHP
完美解决IE低版本不支持call与apply的问题
2013/12/05 Javascript
现如今最流行的JavaScript代码规范
2014/03/08 Javascript
jquery实现的一个文章自定义分段显示功能
2014/05/23 Javascript
JavaScript中的Math.sin()方法使用详解
2015/06/15 Javascript
localResizeIMG先压缩后使用ajax无刷新上传(移动端)
2015/08/11 Javascript
javascript表单验证大全
2015/08/12 Javascript
Vue2.0使用过程常见的一些问题总结学习
2017/04/10 Javascript
js实现鼠标跟随运动效果
2020/08/02 Javascript
对vuejs的v-for遍历、v-bind动态改变值、v-if进行判断的实例讲解
2018/08/27 Javascript
vue-cli项目中使用echarts图表实例
2018/10/22 Javascript
基于JS判断对象是否是数组
2020/01/10 Javascript
easyUI 实现的后台分页与前台显示功能示例
2020/06/01 Javascript
Python实现购物系统(示例讲解)
2017/09/13 Python
TensorFlow 滑动平均的示例代码
2018/06/19 Python
学习python分支结构
2019/05/17 Python
python和c语言的主要区别总结
2019/07/07 Python
python集合常见运算案例解析
2019/10/17 Python
python定义类self用法实例解析
2020/01/22 Python
Python使用socket_TCP实现小文件下载功能
2020/10/09 Python
你不知道的5个HTML5新功能
2016/06/28 HTML / CSS
HTML5边玩边学(3)像素和颜色
2010/09/21 HTML / CSS
Canvas制作旋转的太极的示例
2018/03/09 HTML / CSS
玉兰油美国官网:OLAY美国
2018/10/25 全球购物
试解释COMMIT操作和ROLLBACK操作的语义
2014/07/25 面试题
翻译专业应届生求职信
2013/11/23 职场文书
大专毕业自我鉴定
2014/02/04 职场文书
啦啦队口号大全
2014/06/16 职场文书
会议欢迎标语
2014/06/30 职场文书
2014年四风个人对照检查及整改措施
2014/10/28 职场文书
2014年学生会部门工作总结
2014/11/07 职场文书
社区党风廉政建设调研报告
2015/01/01 职场文书
实验心得体会范文
2016/01/25 职场文书
python 下载文件的几种方式分享
2021/04/07 Python