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 国际许可协议进行许可,请在转载时注明出处及本声明!