HTML按钮d出的窗口关不掉

HTML按钮d出的窗口关不掉,第1张

1、不带任何提示关闭窗口的js代码

<input

type="button"

name="close"

value="关闭"

οnclick="window.close()"

/>

2、自定义提示关闭

<script

language="javascript">

//

这个脚本

ie6和ie7

通用的脚本

function

custom_close(){

if(confirm("您确定要关闭本页吗?")){

window.opener=null

window.open('','_self')

window.close()

}

else{

}

}

</script>

<input

id="btnClose"

type="button"

value="关闭本页"

onClick="custom_close()"

/>

3、在即将离开当前页面(刷新或关闭)时

<html>

<head>

<script>

function closeDiv(){

document.getElementById("div1").style.display="none"

}

</script>

</head>

<body>

<!--点击close按钮,div1消失-->

<div id="div1" style="width:100pxheight:100pxbackground-color:#cecece">        Hello World

</div>

<button onclick="closeDiv()" >close</button>

</body>

</html>

下面是个简单例子:

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


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/6112649.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-15
下一篇 2023-03-15

发表评论

登录后才能评论

评论列表(0条)

保存