JS中关闭弹窗的问题

Posted 2020-09-27 今天想转行了吗

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JS中关闭弹窗的问题相关的知识，希望对你有一定的参考价值。

先举列一个W3Cshool的例子：在父窗口关闭子窗口

<html>
<head>
<script type="text/javascript">
function closeWin()
  {
  alert(myWindow.name)  //子窗口的名称myname  
  myWindow.close()   //在父页面关闭子窗口
  }
</script>
</head>
<body>

<script type="text/javascript">
myWindow=window.open(‘‘,‘myname‘,‘width=200,height=100‘)
myWindow.document.write("This is ‘myWindow‘")
</script>

<input type="button" value="Close ‘myWindow‘" onclick="closeWin()" />

</body>
</html>

二，在讨论关闭窗口之前我们先来看看window.name这个属性
w3c的定义：

name 属性可设置或返回存放窗口的名称的一个字符串。

该名称是在 open() 方法创建窗口时指定的或者使用一个 <frame> 标记的 name 属性指定的。

窗口的名称可以用作一个 <a> 或者 <form> 标记的 target 属性的值。以这种方式使用 target 属性声明了超链接文档或表单提交结果应该显示于指定的窗口或框架中。

设置或获取子窗口name值

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>window.name研究</title>

    <script type="text/javascript">
        function checkWin()
        {
            myWindow=window.open(‘‘,‘MyName‘,‘width=200,height=100‘);
            myWindow.name =‘easy‘;  //为弹出框设置新名字easy -----原名为myname
            document.write(myWindow.name+‘显示在父窗口‘);
            myWindow.document.write(myWindow.name+‘名字显示在子窗口‘);
        }
    </script>
</head>
<body>
<input type="button" value="What‘s the name of ‘myWindow‘?" onclick="checkWin()"/>
</body>
</html>

貌似我非常的啰嗦，一小点知识都要写很长篇幅，原谅我是个前端小菜鸟，不写详细点，怕我日后看不懂（手动笑哭脸。。。。）

window.open() 打开的新网页，第二个参数就是此网页的name。还在iframe里面，name属性.
作用是判断当前的Window，如一个页面里面有很多iframe，就可以用：
window.name  当前window的名称
window.parent.name  父window的名称
widnow.top.name 顶层window的名称

以上是关于JS中关闭弹窗的问题的主要内容，如果未能解决你的问题，请参考以下文章