页面上的“关闭”按钮

时间:2010-04-17 23:05:27

标签: javascript html css

是否有可能建立一个链接或按钮来关闭当前页面?就像我有这个:

<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;
}

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

3 个答案:

答案 0 :(得分:4)

您可以使用

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

要阻止浏览器提示警告,您需要设置opener属性,然后调用关闭。

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

答案 1 :(得分:3)

<a href="javascript:window.close();">

(如果脚本未打开窗口,某些浏览器将不允许此操作,具体取决于启用的安全功能)

答案 2 :(得分:2)

你可以很容易地内联...在div上,你会做

onClick="javascript:window.close();"

但是在&lt; a&gt;标签,你也可以做

href="javascript:window.close();"