javascript - "Close"页面上的按钮

Question

有没有可能制作一个链接或按钮来关闭当前页面？就像我有这个:

<div id="arrows">
        <a href="It works"><div id="arrow_left"></div></a>
        <a href="It works too"><div id="arrow_right"></div></a>
        <a href="??? =("><div id="arrow_close"></div></a>   
</div>

如果有必要，这个:

#arrow_close{
height: 7px;display: inline;float: left;width: 7px;
background: url(../i/close-20.png) no-repeat;
}

我想用“关闭”按钮关闭页面。

Answer 1

你可以使用

window.close() 或 self.close() 关闭当前窗口。

要防止浏览器提示警告，需要设置opener属性，然后调用close。

<a href="JavaScript:CloseWindow();"><div id="arrow_close"></div></a>
<script type="text/javascript">
var CloseWindow = function() {
  window.top.opener = null;
  window.close();
}
</script>