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 相关文章推荐
javascript实现的listview效果
Apr 28 Javascript
解析JavaScript中instanceof对于不同的构造器或许都返回true
Dec 03 Javascript
引入JS文件IE6报语法错误或缺少对象问题的解决方法
Jan 09 Javascript
js document.write()使用介绍
Feb 21 Javascript
zeroclipboard 单个复制按钮和多个复制按钮的实现方法
Jun 14 Javascript
JavaScript中获取样式的原生方法小结
Oct 08 Javascript
jquery动感漂浮导航菜单代码分享
Apr 15 Javascript
AngularJS 基础ng-class-even指令用法
Aug 01 Javascript
js实现文字选中分享功能
Jan 25 Javascript
浅析vue-router原理
Oct 19 Javascript
解决element ui select下拉框不回显数据问题的解决
Feb 20 Javascript
为什么JavaScript中0.1 + 0.2 != 0.3
Dec 03 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&mysql 日期操作小记
2012/02/27 PHP
基于PHP5魔术常量与魔术方法的详解
2013/06/13 PHP
php一维二维数组键排序方法实例总结
2014/11/13 PHP
JS阻止用户多次提交示例代码
2014/03/26 Javascript
iframe实用操作锦集
2014/04/22 Javascript
js获取select默认选中的Option并不是当前选中值
2014/05/07 Javascript
jQuery实现高亮显示的方法
2015/03/10 Javascript
JavaScript实现的简单幂函数实例
2015/04/17 Javascript
js带缩略图的图片轮播效果代码分享
2015/09/14 Javascript
详解AngularJS控制器的使用
2016/03/09 Javascript
MVC+jQuery.Ajax异步实现增删改查和分页
2020/12/22 Javascript
jQuery制作圣诞主题页面 更像是爱情影集
2016/08/10 Javascript
JavaScript实现瀑布流以及加载效果
2017/02/11 Javascript
jQuery实现的粘性滚动导航栏效果实例【附源码下载】
2017/10/19 jQuery
js时间戳与日期格式之间转换详解
2017/12/11 Javascript
JavaScript寄生组合式继承实例详解
2018/01/06 Javascript
支付宝小程序tabbar底部导航
2018/11/06 Javascript
如何使用JS console.log()技巧提高工作效率
2020/10/14 Javascript
[02:51]2014DOTA2国际邀请赛 IG战队官方纪录片
2014/07/21 DOTA
Python中pip安装非PyPI官网第三方库的方法
2015/06/02 Python
Python多维/嵌套字典数据无限遍历的实现
2016/11/04 Python
使用Pyinstaller的最新踩坑实战记录
2017/11/08 Python
django中静态文件配置static的方法
2018/05/20 Python
Python单元测试简单示例
2018/07/03 Python
PyCharm设置护眼背景色的方法
2018/10/29 Python
Django如何实现网站注册用户邮箱验证功能
2019/08/14 Python
使用PyTorch将文件夹下的图片分为训练集和验证集实例
2020/01/08 Python
Python+OpenCV图像处理—— 色彩空间转换
2020/10/22 Python
MONNIER Frères英国官网:源自巴黎女士奢侈品配饰电商平台
2018/12/06 全球购物
美国优质宠物用品购买网站:Muttropolis
2020/02/17 全球购物
材料成型专业个人求职信范文
2013/09/25 职场文书
《陈毅探母》教学反思
2014/05/01 职场文书
2014年心理健康教育工作总结
2014/12/06 职场文书
西安导游词
2015/02/12 职场文书
MySQL性能压力基准测试工具sysbench的使用简介
2021/04/21 MySQL
vue实现可以快进后退的跑马灯组件
2022/04/08 Vue.js