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实现点击链接弹出"图片另存为"而不是直接打开
Aug 15 Javascript
JavaScript DOM 学习第三章 内容表格
Feb 19 Javascript
jquery选择器的选择使用及性能介绍
Jan 16 Javascript
jQuery手机浏览器中拖拽动作的艰难性分析
Feb 04 Javascript
JS中prototype的用法实例分析
Mar 19 Javascript
DOM事件阶段以及事件捕获与事件冒泡先后执行顺序(图文详解)
Aug 18 Javascript
jQuery的deferred对象使用详解
Sep 25 Javascript
JS中with的替代方法与String中的正则方法详解
Dec 23 Javascript
lhgcalendar时间插件限制只能选择三个月的实现方法
Jul 03 Javascript
Babel 入门教程学习笔记
Jun 13 Javascript
React如何实现浏览器打印部分内容详析
May 19 Javascript
JavaScript静态作用域和动态作用域实例详解
Jun 17 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侧拉菜单 漂亮,可以向右或者向左展开,支持FF,IE
2009/10/15 PHP
Laravel 5框架学习之向视图传送数据
2015/04/08 PHP
php输出控制函数和输出函数生成静态页面
2019/06/27 PHP
自动更新作用
2006/10/08 Javascript
node.js中的fs.readdirSync方法使用说明
2014/12/17 Javascript
JavaScript DOM进阶方法
2015/04/13 Javascript
js控制多图左右滚动切换效果代码分享
2015/08/26 Javascript
JavaScript代码判断点击第几个按钮
2015/12/13 Javascript
JavaScript iframe数据共享接口实现方法
2016/01/06 Javascript
Bootstrap编写导航栏和登陆框
2016/05/30 Javascript
Java框架SSH结合Easyui控件实现省市县三级联动示例解析
2016/06/12 Javascript
js实现3d悬浮效果
2017/02/16 Javascript
nodejs入门教程一:概念与用法简介
2017/04/24 NodeJs
Vue2.x中利用@font-size引入字体图标报错的解决方法
2018/09/28 Javascript
每周一练 之 数据结构与算法(Stack)
2019/04/16 Javascript
vue基本使用--refs获取组件或元素的实例
2019/11/07 Javascript
javascript递归函数定义和用法示例分析
2020/07/22 Javascript
[02:33]DOTA2英雄基础教程 司夜刺客
2013/12/04 DOTA
python 合并文件的具体实例
2013/08/08 Python
python计算书页码的统计数字问题实例
2014/09/26 Python
Python使用Supervisor来管理进程的方法
2015/05/28 Python
Python正则抓取新闻标题和链接的方法示例
2017/04/24 Python
Django stark组件使用及原理详解
2019/08/22 Python
python多进程间通信代码实例
2019/09/30 Python
Python3 操作 MySQL 插入一条数据并返回主键 id的实例
2020/03/02 Python
如何利用python发送邮件
2020/09/26 Python
把Anaconda中的环境导入到Pycharm里面的方法步骤
2020/10/30 Python
python基于opencv实现人脸识别
2021/01/04 Python
使用CSS Grid布局实现网格的流动
2014/12/30 HTML / CSS
你常见到的runtime exception
2016/09/05 面试题
土木工程专业大学毕业生求职信
2013/10/13 职场文书
门卫工作岗位职责
2013/12/17 职场文书
连锁酒店店长职责范本
2014/02/13 职场文书
玩手机检讨书1000字
2014/10/20 职场文书
2014年政教处工作总结
2014/12/20 职场文书
培训心得体会怎么写
2016/01/25 职场文书