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数组快速打乱重排的方法
Jan 02 Javascript
原生JavaScript实现瀑布流布局
Jun 28 Javascript
js控制li的隐藏和显示实例代码
Oct 15 Javascript
JavaScript用JSONP跨域请求数据实例详解
Jan 06 Javascript
jQuery插件imgAreaSelect基础讲解
May 26 jQuery
前端开发不得不知的10个最佳ES6特性
Aug 30 Javascript
Vue2.0基于vue-cli+webpack Vuex的用法(实例讲解)
Sep 15 Javascript
详解javascript中的变量提升和函数提升
May 24 Javascript
jQuery实现表单动态加减、ajax表单提交功能
Jun 08 jQuery
highCharts提示框中显示当前时间的方法
Jan 18 Javascript
基于element-ui对话框el-dialog初始化的校验问题解决
Sep 11 Javascript
JavaScript实现鼠标经过表格某行时此行变色
Nov 20 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 escape URL编码
2008/12/10 PHP
php调用dll的实例操作动画与代码分享
2012/08/14 PHP
IIS6.0中配置php服务全过程解析
2013/08/07 PHP
php preg_replace替换实例讲解
2013/11/04 PHP
PHP中对各种加密算法、Hash算法的速度测试对比代码
2014/07/08 PHP
JavaScript中各种编码解码函数的区别和注意事项
2010/08/19 Javascript
javascript日期转换 时间戳转日期格式
2011/11/05 Javascript
javascript自适应宽度的瀑布流实现思路
2013/02/20 Javascript
批量实现面向对象的实例代码
2013/07/01 Javascript
JavaScript改变HTML元素的样式改变CSS及元素属性
2013/11/12 Javascript
jquery实现像栅栏一样左右滑出式二级菜单效果代码
2015/08/24 Javascript
JavaScript 七大技巧(二)
2015/12/13 Javascript
JavaScript_object基础入门(必看篇)
2016/06/13 Javascript
Javascript刷新页面的实例
2017/09/23 Javascript
vue.js2.0 实现better-scroll的滚动效果实例详解
2018/08/13 Javascript
基于Vue-Cli 打包自动生成/抽离相关配置文件的实现方法
2018/12/09 Javascript
Vue自定义指令上报Google Analytics事件统计的方法
2019/02/25 Javascript
jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)
2019/11/07 jQuery
[01:25]DOTA2自定义游戏灵园鬼域等你踏足
2015/10/30 DOTA
Python检测字符串中是否包含某字符集合中的字符
2015/05/21 Python
django认证系统 Authentication使用详解
2019/07/22 Python
python实现本地批量ping多个IP的方法示例
2019/08/07 Python
python如何判断IP地址合法性
2020/04/05 Python
Opencv图像处理:如何判断图片里某个颜色值占的比例
2020/06/03 Python
python新手学习可变和不可变对象
2020/06/11 Python
Python实现爬取网页中动态加载的数据
2020/08/17 Python
Python爬虫教程之利用正则表达式匹配网页内容
2020/12/08 Python
Python Selenium库的基本使用教程
2021/01/04 Python
澳大利亚墨水站Ink Station:墨水和碳粉打印机墨盒
2019/03/24 全球购物
个人求职信范文分享
2014/01/31 职场文书
国际贸易本科毕业生求职信
2014/09/26 职场文书
优秀教师个人总结
2015/02/11 职场文书
干部培训工作总结2015
2015/05/25 职场文书
用Python进行栅格数据的分区统计和批量提取
2021/05/27 Python
Canvas绘制像素风图片的示例代码
2021/09/25 HTML / CSS
Android Studio实现简易进制转换计算器
2022/05/20 Java/Android