2010-04-17 83 views
1

有没有可能使链接或按钮关闭当前页面?像我有这样的:页面上的“关闭”按钮

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

而且我想用一个按钮“关闭”关闭页面。

回答

4

您可以使用

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> 
+0

哦,我认为它会起作用。但我在js中很白痴。 因此,这将是这样的: <脚本类型= “文本/ JavaScript的”> $(函数(){ ? window.opener =“something”; MyNewDIvWithBUtton.onClick =“javascript:window.close();” }); – TRAVA 2010-04-17 23:27:01

+0

@trava:更新了帖子更多代码 – 2010-04-17 23:36:40

+0

太棒了!非常感谢。但它不适用于Mozilla = \ 是否有可能使它在Mozilla中工作? – TRAVA 2010-04-17 23:39:34

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

(有些浏览器不会允许这样如果该窗口不是由脚本打开,这取决于启用安全功能)

+1

在Mozilla中无法正常工作,IE在关闭之前询问= \ – TRAVA 2010-04-17 23:13:28

+0

@TRAVA:与它一起生活,或者忘记它。 – Leo 2010-04-17 23:25:49

+0

@Mef:该提示可以绕过 – 2010-04-17 23:32:58

2

你可以很容易地做到这一点直列......上一个div ,你会做

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

可是,在一个<一个>标签,你也可以做

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

我应该如何使用它?onClick =“javascript:window.close();” – TRAVA 2010-04-17 23:16:07

+0

使用您提供的设置,您可以通过3种方法中的其中一种... 一。

Two.
三。
这一切都取决于您是否希望在锚点或div上触发事件。 – RussellUresti 2010-04-17 23:26:04

+0

没有什么是在Mozilla的作品。 – TRAVA 2010-04-17 23:36:40