HTML中如何让窗口在点击按钮关闭该窗口?

html-css022

HTML中如何让窗口在点击按钮关闭该窗口?,第1张

HTML中让窗口在点击按钮关闭该窗口,我们需要的是JS在按钮上添加一个关闭窗口的事件,通过window.close()这个window下的方法来实现,添加方式,这里举个例子:

<html>

<head>

<title>窗口关闭</title>

</head>

<body>

<input type='button' value='点我窗口将关闭' Response.Write("<script language=\"javascript\">window.opener=nullwindow.close()</script>")>

</body>

</html>

<script language="javascript">

<!--

function clock(){i=i-1

document.title="本窗口将在"+i+"秒后自动关闭!"

if(i>0)setTimeout("clock()",1000)

else self.close()}

var i=20

clock()

//-->

</script>

上面代码拷贝到要关闭的网页中<body></body>,

i=20表示20秒后关闭,

可以修改成其他的数值,

有一点不太好,

就是关闭的时候需要点击弹处消息框,

不过js实现的这种代码,

都要有这步...

下面是个简单例子:

<div style="width:360pxbackground-color:#fa0padding:30px">

<form>

成绩:<input name="chenji" type="text" value=""/>分 <input type="button" value="设置" onclick="win.style.display='block'"/><br /><br />

<input type="submit" value="确定"/>

</form>

</div>

<div id="win" style="display:noneposition:absoluteleft:120pxtop:80pxborder:1px solid #888background-color:#fffpadding:20px">

信息<br />

姓名:<input type="text" value=""/><br />

年龄:<input type="text" value=""/><br /><br />

<input type="button" value="确定" onclick="alert('代码你自己搞定')"/>

<input type="button" value="关闭" onclick="win.style.display='none'"/>

</div>