javascript - 如何使用 Javascript 关闭窗口

标签 javascript html css

有一段时间没有用 JS 编程了。 现在,我有以下事情:

<html>
<head>
<script language="JavaScript">
   function enlarge()
   {
   window.close();
   }
</script>
</head>
<body>
<img src="addresstomyimg.png" onClick="enlarge()" />
</body>
</html>

(它非常简单,因为事实上,我有带有自定义 JS 修改等的 WordPress 平台,但总的来说,就是这个想法)。

我不明白为什么它不起作用。

最佳答案

JavaScript 无法关闭窗口,除非它打开了窗口。

在您的函数中,将 window.close() 替换为 alert('here'),您将看到该函数运行正常。

如果你想让你的函数关闭一个窗口,首先打开一个:

<html>
<head>
<script type="text/javascript">
    var popup;

    function closewin()
    {
        popup.close();
    }
    function openwin()
    {
        popup = window.open('http://www.google.com');
    }
</script>
</head>
<body>
    <img src="addresstomyimg.png" onclick="openwin()" /> Click to open, then come back here
    <br><br>
    <img src="addresstomyimg.png" onclick="closewin()" /> Click to close
</body>
</html>

演示:http://jsfiddle.net/AlienWebguy/pbFha/

关于javascript - 如何使用 Javascript 关闭窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9181714/

相关文章:

CSS 条件注释不起作用(更新为 : IE specific css? )

html - 如何使表格中一行的最后一个单元格占据所有剩余宽度

jquery - 当隐藏的侧面板可见时如何将按钮放在侧面

javascript - 通过选择一个下拉列表显示两个不同的值

javascript - iframe 相当于窗口吗?

javascript - jQuery 重新排序表列

asp.net - 为什么当光标位于我网页中的图像标签上时总是显示打印按钮

css - Bootstrap Nav-List 对齐/浏览器兼容性

javascript - 如何在 Aurelia 路由器中定义状态参数

javascript - angularjs - 表单 ng-submit 不适用于动态生成的表单 html