Javascript中封装window.open解决不兼容问题_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("http://www.jb51.net/ ?rel=xuexb",{
width:888
});
}

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索window.open
window.atob不兼容、window10游戏不兼容、window10不兼容、openvpn win10 不兼容、javascript window,以便于您获取更多的相关知识。

时间: 2024-07-28 18:29:07

Javascript中封装window.open解决不兼容问题_jquery的相关文章

Javascript中封装window.open的例子

对window.open进行封装, 使其更好用, 且更兼容, 很多人说window.open不兼容,其实不是, 因为不能直接执行, 必须通过用户手动触发才行;看代码:  代码如下 复制代码 var openWindow = function(url, options) {     var str = "";     if (options) {         options.height = options.height || 420;         options.width =

JavaScript中的window.close在FireFox和Chrome上不能正常动作的解决方法

原文:JavaScript中的window.close在FireFox和Chrome上不能正常动作的解决方法 JS中关闭窗口的方法window.close()在IE上能够正常动作,而在FireFox和Chrome上无法动作. (当时,在Chrome35.0上的时候还是可以的,Chrome36.0上就无法动作了JS中关闭窗口的方法window.close()在IE上能够正常动作,而在FireFox和Chrome上无法动作.  (当时,在Chrome35.0上的时候还是可以的,Chrome36.0上

javascript-关于JavaScript中的window.open方法

问题描述 关于JavaScript中的window.open方法 今天下了Myeclipse,打算试试做jsp和Html 然后写了如下测试代码; <!DOCTYPE html> WindowsDemo.html <meta name="keywords" content="keyword1,keyword2,keyword3"> <meta name="description" content="this

HTML中的window对象和JavaScript中的window对象 是同一个对象么?

问题描述 HTML中的window对象和JavaScript中的window对象 是同一个对象么?知情的大哥大姐们,详细解释下 问题补充:Rainbow702 写道 解决方案 Window 对象表示浏览器中打开的窗口.window 是浏览器给创建的,每个载入浏览器的 HTML 文档都会成为 Document 对象浏览器打开了一个window,window里面放的是documentwindow 相当于全局变量存在于这个document中,documnet包含js,html之类,所以应该是一个对象.

JavaScript中的Window窗口对象_基础知识

JavaScript中的Window窗口对象 他是JavaScript中最大的对象,它描述的是一个浏览器窗口.一般要引用它的属性和方法时,不需要用"window.xxx"这种形式,而直接使用"xxx".一个框架页面也是一个窗口. Window窗口对象有如下属性: name 窗口的名称,由打开它的连接(<a target="...">)或框架页(<frame name="...">)或某一个窗口调用的 o

在JavaScript中重写jQuery对象的方法实例教程_jquery

jQuery是一个款非常优秀的类库,它给我们解决了很多的客户端编程,但是任何东西都不是万能的,当它不能满足我们的需求时我们就需要对它进行重写,同时也不要影响其原有的功能或者修改其原有的功能:比如我现在的web应用程序大多数时候的数据交互都是通过Ajax来完成的,这样就可以将一些隐藏字段的数据保存在HTML标签的属性中,使HTML标签的代码量减少,如:ID,Timestamp等等,这些不需要用户输入但又不得不提交的字段,通过表单提交的做法是 <input name="ID" val

JavaScript中的apply和call函数详解_jquery

第一次翻译技术文章,见笑了! 翻译原文: Function.apply and Function.call in JavaScript 第一段略. 每个JavaScript函数都会有很多附属的(attached)方法,包括toString().call()以及apply().听起来,你是否会感到奇怪,一个函数可能会有属于它自己的方法,但是记住,JavaScript中的每个函数都是一个对象.看一下 这篇文章 ,复习一下(refresher)JavaScript特性.你可能还想知道JavaScrip

JavaScript中封装class函数学习笔记

封装: 把相同功能的代码丢到一个函数中,重复调用.封装css函数 : 1,可以获取元素的样式 2,可以修改元素的样式.封装的过程是循环渐进的,一步一步的来.本节第一.二.三.五.六步公用CSS: #div1 { width: 100px; height: 150px; background: red;} 本节第一.二.三.五.六步公用HTML: <div id="div1" ></div> 封装第一步:JS:function a(idName){        

Javascript中利用window.event.keyCode 实现金融文本框禁用非法输特效!

主要就是为了监听键盘按下的是哪个键,并且转成ASCII码;   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>    <meta http