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特权方法定义作用以及与公有方法的区别
Mar 18 Javascript
Javascript 浮点运算精度问题分析与解决
Mar 26 Javascript
JavaScript中的ubound函数使用实例
Nov 04 Javascript
浏览器中url存储的JavaScript实现
Jul 07 Javascript
情人节单身的我是如何在敲完代码之后收到12束玫瑰的(javascript)
Aug 21 Javascript
JavaScript基本数据类型及值类型和引用类型
Aug 25 Javascript
第一次接触神奇的Bootstrap基础排版
Jul 26 Javascript
Web技术实现移动监测的介绍
Sep 18 Javascript
浅析Vue.js 中的条件渲染指令
Nov 19 Javascript
React 使用Hooks简化受控组件的状态绑定
Mar 18 Javascript
详解微信小程序图片地扯转base64解决方案
Aug 18 Javascript
深入探索VueJS Scoped CSS 实现原理
Sep 23 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
收音机指标测试方法及仪器
2021/03/01 无线电
在mysql数据库原有字段后增加新内容
2009/11/26 PHP
PHP stream_context_create()作用和用法分析
2011/03/29 PHP
解析posix与perl标准的正则表达式区别
2013/06/17 PHP
PHP中常用的数组操作方法笔记整理
2016/05/16 PHP
PHP7新特性之抽象语法树(AST)带来的变化详解
2018/07/17 PHP
PHP耦合设计模式实例分析
2018/08/08 PHP
一个JavaScript操作元素定位元素的实例
2014/10/29 Javascript
javascript实现数组中的内容随机输出
2015/08/11 Javascript
js判断手机浏览器操作系统和微信浏览器的方法
2016/04/30 Javascript
javascript作用域、作用域链(菜鸟必看)
2016/06/16 Javascript
JavaScript实现简易的天数计算器实例【附demo源码下载】
2017/01/18 Javascript
javascript ES6 新增了let命令使用介绍
2017/07/07 Javascript
利用JS测试目标网站的打开响应速度
2017/12/01 Javascript
解决jQuery使用append添加的元素事件无效的问题
2018/08/30 jQuery
微信小程序复选框实现多选一功能过程解析
2020/02/14 Javascript
手机浏览器唤起微信分享(JS)
2020/10/11 Javascript
解决vue项目本地启动时无法携带cookie的问题
2021/02/06 Vue.js
[01:22:28]DOTA2-DPC中国联赛 正赛 SAG vs RNG BO3 第一场 1月18日
2021/03/11 DOTA
Python实现3行代码解简单的一元一次方程
2014/08/18 Python
简单的Python2.7编程初学经验总结
2015/04/01 Python
Python上传package到Pypi(代码简单)
2016/02/06 Python
使用Pyinstaller的最新踩坑实战记录
2017/11/08 Python
Django中url的反向查询的方法
2018/03/14 Python
中国最大的名表商城:万表网
2016/08/29 全球购物
英国最大的奢侈珠宝和手表网站:C W Sellors
2017/02/10 全球购物
比利时网上药店: Drogisterij.net
2017/03/17 全球购物
机械专业应届生求职信
2013/12/12 职场文书
个人能力自我鉴赏
2014/01/25 职场文书
村抢险救灾方案
2014/05/09 职场文书
村居抓节水倡议书
2014/05/19 职场文书
员工生日会策划方案
2014/06/14 职场文书
个人委托书范本汇总
2014/10/01 职场文书
民主生活会汇报材料
2014/12/15 职场文书
检讨书范文2000字
2015/01/28 职场文书
导游词之白茶谷九龙峡
2019/10/23 职场文书