Javascript中封装window.open解决不兼容问题
时间:2021-03-02 11:48:03|栏目:jquery|点击: 次
对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://www.jb51.net/ ?rel=xuexb",{ width:888 }); }
栏 目:jquery
下一篇:DOM事件阶段以及事件捕获与事件冒泡先后执行顺序(图文详解)
本文标题:Javascript中封装window.open解决不兼容问题
本文地址:http://www.codeinn.net/misctech/72992.html