window.open()理解以及如何用window.open()实现窗口关闭

最新推荐文章于 2023-04-17 15:00:33 发布

remy303

最新推荐文章于 2023-04-17 15:00:33 发布

阅读量1.8k

点赞数

分类专栏： JavaScript和jQuery 文章标签： button function input server 百度 parameters

本文链接：https://blog.csdn.net/ttongzw/article/details/6593854

版权

JavaScript和jQuery 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

1.window.open的4个参数

补充：top：为距离窗体上方的距离

left：为距离窗体左侧的距离

location：当用IE9或IE8的时候新打开一个窗体要用location=no，这样会新弹出一个窗口而不是在标签里。

bReplace 是true/false，用来指定是否在替换当前浏览器历史中的地址。

2. window.open实现关闭其它窗口的用法

关键：name ，location

原理：利用已经打开的窗体的窗口句柄，在新打开的窗体将其窗体句柄与已经打开的一致，从而冲掉旧窗体，实现关闭。

例子：

说明：

1.当点击open按钮时会打开百度，其窗口句柄名为baidu

2.点击close按钮的时候会新打开一个窗体，窗口句柄名字仍为baidu

3.在IE8，9下需设置localtion，top和left为让第二次打开的窗体不被看到，可以没有

4.obj.close(); 可以让新打开的窗体关闭，从而两个画面全关闭。可以没有。

5.在试验前需设置 Internet选项->安全->受信任的站点->自定义级别->允许脚本初始化的窗口不受位置和大小限制

6.设置 Internet选项->高级->允许脚本调试

7.当打开别的服务器的窗体，再在本地实现关闭的时候，虽然采用同样的句柄名，但无法实现关闭，而且会报脚本错，这个自己仍在调查.....。

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript">
        function openBaidu() {
            // 打开百度
            window.open("http://www.baidu.com", "baidu", "location=no", false);
        }
        function closeBaidu() {
            // 关闭百度
            var obj = window.open("about:blank", "baidu", "location=no,top=10000;left=10000",false);
            obj.close();
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <input type="button" value="open" οnclick="openBaidu();" />
    <input type="button" value="close" οnclick="closeBaidu();" />
    </div>
    </form>
</body>
</html><html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript">
        function openBaidu() {
            // 打开百度
            window.open("http://www.baidu.com", "baidu", "location=no", false);
        }
        function closeBaidu() {
            // 关闭百度
            var obj = window.open("about:blank", "baidu", "location=no,top=10000;left=10000",false);
            obj.close();
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <input type="button" value="open" οnclick="openBaidu();" />
    <input type="button" value="close" οnclick="closeBaidu();" />
    </div>
    </form>
</body>
</html><html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript">
        function openBaidu() {
            // 打开百度
            window.open("http://www.baidu.com", "baidu", "location=no", false);
        }
        function closeBaidu() {
            // 关闭百度
            var obj = window.open("about:blank", "baidu", "location=no,top=10000;left=10000",false);
            obj.close();
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <input type="button" value="open" οnclick="openBaidu();" />
    <input type="button" value="close" οnclick="closeBaidu();" />
    </div>
    </form>
</body>
</html><html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript">
        function openBaidu() {
            // 打开百度
            window.open("http://www.baidu.com", "baidu", "location=no", false);
        }
        function closeBaidu() {
            // 关闭百度
            var obj = window.open("about:blank", "baidu", "location=no,top=10000;left=10000",false);
            obj.close();
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <input type="button" value="open" οnclick="openBaidu();" />
    <input type="button" value="close" οnclick="closeBaidu();" />
    </div>
    </form>
</body>
</html>