因为篇幅，window.open()浏览器的兼容性请点击 这里

Part1：参数详解

　　window.open(url,name,param)

　　url：即将打开的子窗口的地址；比如 "http://www.baidu.com"　　http:// 这段是必须要的，否则找不到页面，那么打开的子页面可能还是父页面。或者相对路径 ../

　　name：子窗口的句柄；就相当于是子窗口的一个名字，可以自定义。窗口的句柄

　　param：子窗口的一些参数，使用“ , ”进行分隔；

　　　　param可选参数：

　　　　注：以下参数可能要配合使用，单独使用某些参数可能不起作用，配合规则后续补充，看客们在使用时，请注意实现效果

　　　　（其中yes/no也可使用1/0；pixel value为具体的数值，单位象素）
　　　　参数 | 取值范围 | 说明

　　　　alwaysLowered　　 | yes/no | 　　　指定窗口隐藏在所有窗口之后 　　　　
　　　　alwaysRaised 　　   | yes/no |     　   指定窗口悬浮在所有窗口之上 　　　　
　　　　depended　　　　   | yes/no |     　　是否和父窗口同时关闭  　　　　　　 
　　　　directories 　　　　  | yes/no |    　　Nav2和3的目录栏是否可见  　　　　 
　　　　height　　　　　　  | pixel value | 　窗口高度 　　　　　　　　　　（要和宽度一起使用才会起作用，单位可有可无，不过最好带着）
　　　　hotkeys 　　　　      | yes/no | 　　   在没菜单栏的窗口中设安全退出热键 
　　　　innerHeight 　　　　| pixel value |     窗口中文档的像素高度 
　　　　innerWidth 　　　　| pixel value |      窗口中文档的像素宽度 
　　　　location　　　　     | yes/no | 　　　 位置栏是否可见 
　　　　menubar 　　　　  | yes/no | 　　　 菜单栏是否可见 
　　　　outerHeight 　　     | pixel value |      设定窗口(包括装饰边框)的像素高度 
　　　　outerWidth              | pixel value | 　　设定窗口(包括装饰边框)的像素宽度 
　　　　resizable 　　　　  | yes/no |　　　　窗口大小是否可调整 
　　　　screenX　　　　    | pixel value | 　　窗口距屏幕左边界的像素长度 　　　　（指的是窗口弹出时的位置）
　　　　screenY 　　　　  | pixel value | 　　窗口距屏幕上边界的像素长度 
　　　　scrollbars 　　　　| yes/no | 　　　　窗口是否可有滚动栏 
　　　　titlebar 　　　　    | yes/no |　　　　 窗口题目栏是否可见 
　　　　toolbar 　　　　    | yes/no | 　　　　窗口工具栏是否可见 　　　　（默认no；当为yes是和父窗口在同一个标签中打开，不会再打开新标签）
　　　　Width 　　　　　  | pixel value | 　　窗口的像素宽度 
　　　　z-look 　　　　     | yes/no | 　　　　窗口被激活后是否浮在其它窗口之上

Part2：应用实例

　　1.打开一个进行基础设置过的窗口

window.open ('page.html', 'newwindow', 'height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')

　　2.使用函数控制窗口的弹出　

function openwin() {

    window.open ("page.html", "newwindow", "height=100, width=400, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")

}
//浏览器在读取页面之前调用函数打开窗口
<body onload="openwin()"> 
…任意的页面内容… 
</body>
//浏览器离开当前页面时，打开新窗口（已知不支持谷歌、Opera浏览器）。onunload事件见这里
<body onunload="openwin()"> 
…任意的页面内容… 
</body>　　

其他的还可以通过按钮点击、a标签等触发。

　　3.同时弹出两个窗口

<script>

    function openwin() {

        window.open("http://www.baidu.com","new1","height=100, width=400")
　　　　 window.open("https://www.cnblogs.com/","new1","height=100, width=400")
　　}
 </script>

　　注意：上面两个窗口的大小和位置因为相同，会出现重叠。

　　注意2：两个窗口的name不能相同

　　4.通过a标签实现在打开一个窗口的同时，打开另一个小窗口

<script>

    function openwin() {

        window.open("http://www.baidu.com","new1","height=100, width=400")

    }

</script>

<body>

　　<a href="https://www.cnblogs.com/" onclick="openwin()">点击打开博客园</a> 
</body>

　　注意：在打开大窗口之后，小窗口会被覆盖掉，所以不要觉得小窗口没了哦。

　　注意2：按照这种逻辑，其实可以通知打开多个小窗口的，只要在 openwin 函数里添加多个 window.open() 就ok了。

　　5.可以通过定时器关闭窗口

　　注意：上面都是直接连接到已有的网站，这里是要在自己的网页代码里加内容

<script language="JavaScript">

    function closeit() {

        setTimeout("self.close()",10000) //毫秒

    }

</script>

　　通过定时器控制显示的时长，使用 self.close() 函数控制自身的关闭  点这里看定时器的用法

window.open()参数详解及对浏览器的兼容性的更多相关文章

  1. Window.open()方法参数详解

    Window.open()方法参数详解 1, 最基本的弹出窗口代码   window.open('page.html'); 2, 经过设置后的弹出窗口   window.open('page.html ...

  2. window.onload用法详解:

    网页中的javaScript脚本代码往往需要在文档加载完成后才能够去执行,否则可能导致无法获取对象的情况,为了避免这种情况的发生,可以使用以下两种方式: 一.将脚本代码放在网页的底端,这样在运行脚本代 ...

  3. php课程---Windows.open()方法参数详解

    Window.open()方法参数详解 1, 最基本的弹出窗口代码   window.open('page.html'); 2, 经过设置后的弹出窗口   window.open('page.html ...

  4. $.ajax()方法所有参数详解;$.get(),$.post(),$.getJSON(),$.ajax()详解

    [一]$.ajax()所有参数详解 url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. type: 要求为String类型的参数,请求方式(post或get)默认为get.注 ...

  5. 【转】jqGrid 各种参数 详解

      [原文]http://www.cnblogs.com/younggun/archive/2012/08/27/2657922.htmljqGrid 各种参数 详解 JQGrid JQGrid是一个 ...

  6. apache url rewrite 的RewriteRule参数详解

    apache url rewrite 的RewriteRule参数详解 我们经常会在apache那边对一些url进行一些重写操作,那么就会涉及到很多的重写策略的选择,比如重定向的方式,参数的处理,规则 ...

  7. php setcookie(name, value, expires, path, domain, secure) 参数详解

    setcookie() 定义一个和其余的 HTTP 标头一起发送的 cookie.和其它标头一样,cookie 必须在脚本的任何其它输出之前发送(这是协议限制).这 需要将本函数的调用放到任何输出之前 ...

  8. ASP.NET性能监视参数详解

    性能监视器- Performance Monitor 性能监视器是Windows自带的系统资源和性能监视工具. 性能监视器能够量化地提供CPU使用率, 内存分配状况, 异常派发情况, 线程调度频率等信 ...

  9. 详解Google Chrome浏览器（操作篇）（一）

    开篇概述 在上篇博客中详解Google Chrome浏览器(理论篇)一文中,主要讲解了Chrome 搜索引擎使用.Chrome安装和基本操作.Chrome 基本架构.多线程等原理性问题,这篇将重点讲解 ...

随机推荐

  1. Java基础知识回顾之一 ----- 基本数据类型

    前言 在开始工作至今,学习各种各样的技术之中发现自己的很多Java的基础知识都忘了⊙﹏⊙b汗... 而且越是学习越是发现Java基础的重要性,所以准备单独抽一下时间进行Java基础的重新学习.在重新学 ...

  2. mysql__存储过程

    1.存储过程相当于我们学的各种高级语言的函数,既然是函数就可能有参数,先介绍参数类型: 存储过程主要包含三种参数类型,注意我说的不是数据类型(INT.VARCHAR) 第一种:IN输入参数:表示这种参 ...

  3. Bond UVA - 11354（LCA应用题）

    Once again, James Bond is on his way to saving the world. Bond's latest mission requires him to trav ...

  4. C#压缩文件夹坑~

    dotNet疯狂之路No.29  今天很残酷,明天更残酷,后天很美好,但是绝大部分人是死在明天晚上,只有那些真正的英雄才能见到后天的太阳.  We're here to put a dent in t ...

  5. Python的Argparse模块是什么？（未完）

            近日在阅读代码的过程中遇到了Argparse模块,记得前段时间已经看了,可是过了两周现在又忘了, 看来写代码一定要钻研到底搞清楚其中原委才行,本文主要参考Python3.6系列官方文档 ...

  6. 关于Eclipse中Ctrl+Alt+Down和Ctrl+Alt+Up不起作用的解决方法

    1.其它软件热键冲突,把其它软件的热键修改为其它按键,或者删掉热键 2.Intel显卡快捷键问题 1).你虽然禁用Intel快捷键,但是Intel快捷键仍然是Ctrl+alt+down,还是存在冲突, ...

  7. 分享PHP中的10个实用函数

    分享PHP中的10个实用函数 PHP的功能越来越强大,里面有着非常丰富的内置函数.资深的PHP程序员对它们可能都很熟悉,但很多参加PHP培训的PHP初学者,仍然对一些非常有用的函数不太熟悉.这篇文章里 ...

  8. three.js 实现全景以及优化（2）

    继昨天全景实现后,再做了一个全景图切换实验; code:https://github.com/Thinkia/threejs_/blob/master/test/test1-panorama/inde ...

  9. java项目和java-web项目中文件和文件夹的含义

    1. java项目 .project:是工程构建配置文件 .classpath:保存的是项目所用的外部引用包的路径 .settings:记录项目配置变化的记录文件夹 src:sourcefolder项 ...

  10. Java多线程：Callable,Future,FutureTask

    一.Future Future和Callable基本是成对出现的,Callable负责产生结果,Future负责获取结果.     1.Callable接口类似于Runnable,只是Runnable ...