Javascript中封装window.open的例子

对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:新窗口打开
document.body.onclick = function(){
    openWindow("http://www.111cn.net/ ?rel=xuexb");
}

//demo 2:固定宽 并居中
document.body.onclick = function(){
   openWindow("http://www.111cn.net/ ?rel=xuexb",{
        width:888
   });
}
时间： 2024-08-30 11:05:07

Javascript中封装window.open的例子的相关文章

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

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中的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中,除了 if ... else 和 switch 语句,还有一个唯一的三目运算符 ? ... : ,也可用于简单的选择结构. 语法: conditions ? statementA : statementB ; 上述语句,首先判断条件condition,若结果为真则执行语句statementA,否则执行语句statementB. 值得注意的是,由于 JavaScript 脚本解释器将分号" ; "作为语句的结束符,statementA 和 statementB

JavaScript中封装class函数学习笔记

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

javascript中Math.random()随机数的例子

定义和用法 random() 方法可返回介于 0 ~ 1 之间的一个随机数. 语法 Math.random() 返回值 0.0 ~ 1.0 之间的一个伪随机数. 打开Node,进入终端命令行模式,输入Math.random():   >Math.random()   0.436846193857491 结果是不是依旧如同往常一样稀松平常的小于1的一个伪随机数跳了出来呢. 这个时候,如果别人问你,还有什么其他方案可以生成随机数么,你会想到神马呢. 逝者如斯夫,不舍昼夜. 如果你继续在终端里输入ne

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