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实现iframe动态调整高度的代码
Jan 06 Javascript
setTimeout()与setInterval()方法区别介绍
Dec 24 Javascript
jQuery学习笔记之jQuery构建函数的7种方法
Jun 03 Javascript
Javascript中的作用域和上下文深入理解
Jul 03 Javascript
jquery+ajax+text文本框实现智能提示完整实例
Jul 09 Javascript
JavaScript每天必学之数组和对象部分
Sep 17 Javascript
js实现无缝滚动图(可控制当前滚动的方向)
Feb 22 Javascript
JavaScript 字符串数字左补位,右补位,取固定长度,截位扩展函数代码
Mar 25 Javascript
值得分享和收藏的xmlplus组件学习教程
May 05 Javascript
详解使用Node.js 将txt文件转为Excel文件
Jul 05 Javascript
使用Vue如何写一个双向数据绑定(面试常见)
Apr 20 Javascript
js实现多张图片每隔一秒切换一张图片
Jul 29 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官方微信接口大全(微信支付、微信红包、微信摇一摇、微信小店)
2015/12/21 PHP
PHP+shell脚本操作Memcached和Apache Status的实例分享
2016/03/11 PHP
php基于curl实现随机ip地址抓取内容的方法
2016/10/11 PHP
ThinkPHP框架获取最后一次执行SQL语句及变量调试简单操作示例
2018/06/13 PHP
javascript 动态加载 css 方法总结
2009/07/11 Javascript
图片Slider 带左右按钮的js示例
2013/08/30 Javascript
JS深度拷贝Object Array实例分析
2016/03/31 Javascript
原生JS封装Ajax插件(同域、jsonp跨域)
2016/05/03 Javascript
jquery获取form表单input元素值的简单实例
2016/05/30 Javascript
javascript显示系统当前时间代码
2016/12/29 Javascript
Bootstrap中data-target 到底是什么
2017/02/14 Javascript
基于AGS JS开发自定义贴图图层
2017/03/31 Javascript
Vue父子组建的简单通信之控制开关Switch的实现
2018/06/04 Javascript
微信小程序当前时间时段选择器插件使用方法详解
2018/12/28 Javascript
Vue动态组件与异步组件实例详解
2019/02/23 Javascript
原生javascript自定义input[type=radio]效果示例
2019/08/27 Javascript
在vue中使用jsx语法的使用方法
2019/09/30 Javascript
Node使用Selenium进行前端自动化操作的代码实现
2019/10/10 Javascript
小程序接入腾讯位置服务的详细流程
2020/03/03 Javascript
python中元类用法实例
2014/10/10 Python
Python入门篇之字典
2014/10/17 Python
Python实现的弹球小游戏示例
2017/08/01 Python
python读取文本中的坐标方法
2018/10/14 Python
Django框架登录加上验证码校验实现验证功能示例
2019/05/23 Python
Python性能分析工具Profile使用实例
2019/11/19 Python
python 定义类时,实现内部方法的互相调用
2019/12/25 Python
Java byte数组操纵方式代码实例解析
2020/07/22 Python
python之语音识别speech模块
2020/09/09 Python
Otticanet美国:最顶尖的世界名牌眼镜, 能得到打折季的价格
2019/03/10 全球购物
StubHub美国:购买或出售您的门票
2019/07/09 全球购物
客户表扬信范文
2014/01/10 职场文书
水利公司纪检监察自我鉴定
2014/02/25 职场文书
学习两会精神心得范文
2014/03/17 职场文书
公司股权转让协议书
2014/04/12 职场文书
护理专业毕业生自荐书
2014/05/24 职场文书
2014年教师教学工作总结
2014/11/08 职场文书