Athony1

HTML与JS如何弹出带有确定和取消选项的提示框
HTML与JS如何弹出带有确定和取消选项的提示框 1.HTML中: 在<body>或<head...
扫描右侧二维码阅读全文
13
2019/07

HTML与JS如何弹出带有确定和取消选项的提示框

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(注销)是变量名,是在下面的
    点击的提交按钮的ID,可以自己更改,如以下代码
<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>

<td><a href="/ch/person/delete?personId=${personDTO.userid}" 

   style="color: #ac2925" onclick=" return alertWaring()">删除</a></td>
  • 如图
    51109-xh9mzad6zj.png

74780-9855cbhrdl.png

  • 可以看出两者的区别,前者是设置表单要提交的按钮,给它一个ID,用ID来触发弹框函数

  • 后者则是设置点击的标签,点击后直接reutrn了弹框函数。两者运用合理可以完成几乎所有设计的弹框需求。
最后修改:2019 年 07 月 16 日 09 : 34 PM
如果觉得我的文章对你有用,请随意赞赏

发表评论

© 2018-2019 Copyright   | 浙ICP备18047860号-1| SiteMap