2011-11-08 198 views
13

我有一个html按钮,我想单击时关闭当前窗口。我想我可以像下面那样设置onclick功能。我错过了什么吗?HTML按钮关闭窗口

<button type="button" onclick="javascript:window.close()">Discard</button> 

回答

28

在onclick属性中,您不需要指定是javascript。

<button type="button" 
     onclick="window.open('', '_self', ''); window.close();">Discard</button> 

这应该做到这一点。为了关闭它,你的页面需要被脚本打开,因此window.open。下面是在一篇文章中详细解释这一点:http://www.yournewdesigner.com/css-experiments/javascript-window-close-firefox.html

+1

谢谢,这是很好的建议,但实际的问题是,我是一个白痴。浪费了大量时间,因为我正在测试与我正在编辑的文件不同的文件。哇...谢谢你的好建议! – jcmitch

+0

不错...我下次必须使用这个脚本来创建130个新窗口 –

+0

那好吧,这似乎规避了不允许原始'window.close()'调用的整个点。 。 –

11

的JavaScript只能关闭它打开

1

我知道这个线程已被回答,但另一个解决方案可能对某些人有用,特别是那些有多个页面的用户想要拥有此按钮,就是给输入一个id一个d将代码放入JavaScript文件中。然后,您可以将按钮的代码放置在多个页面上,占用代码中较少的空间。

对于按钮:

<input type="button" id="cancel_edit" value="Cancel"></input> 

JavaScript文件中:

$("#cancel_edit").click(function(){ 
     window.open('','_parent',''); 
     window.close(); 
    }); 
2

使用下面的代码。它每次都有效。

<button onclick="self.close()">Close</button> 

它在Chrome和其他Firefox中对我有用。