HTML与JS如何弹出带有确定和取消选项的提示框
1.HTML中：
- 在
<body>或<head>中添加
<script type="text/javascript">
window.οnlοad=function()
{
var zx=document.getElementById("zx");
zx.οnclick=function()
{
if(confirm("确定要注销吗?"))
{
return true;
}else{
return false;
}
}
}
</script>- 其中我的zx（注销）是变量名，是在下面的
<form action="zhuxiao.php" method="post">
<input type="submit" value="注销" id="zx"/>
</form>2.使用JS：
- 也是在
<body>或<head>中添加
<script type="text/javascript">
function alertWaring() {
if(confirm('确定要进行这个操作吗?')){
return true;
}
return false;
}
</script>
- 然后在你要加的标签里写入onclick事件
<td><a href="/ch/person/delete?personId=${personDTO.userid}"
style="color: #ac2925" onclick=" return alertWaring()">删除</a></td>
- 如图
-
可以看出两者的区别，前者是设置表单要提交的按钮，给它一个ID，用ID来触发弹框函数
- 后者则是设置点击的标签，点击后直接reutrn了弹框函数。两者运用合理可以完成几乎所有设计的弹框需求。
版权声明：Athony
本文链接：https://wangz.online/2019/07/13/90.html
本站文章采用知识共享署名4.0 国际许可协议进行许可，请在转载时注明出处及本声明！
