使用HTML與JS如何彈出帶有確定和取消選項的提示框
阿新 • • 發佈：2019-02-06
HTML中：
在<body>中新增
<script type="text/javascript">
window.onload=function()
{
var zx=document.getElementById("zx");
zx.onclick=function()
{
if(confirm("確定要登出嗎?"))
{
return true;
}else{
return false;
}
}
}
</script>其中我的zx（登出）是變數名，是在下面的<form>點選的提交按鈕的ID，可以自己更改，如以下程式碼
<form action="zhuxiao.php" method="post">
<input type="submit" value="登出" id="zx"/>
</form>使用JS：
也是在<body>中新增
<script type="text/javascript" language="javascript"> function confirmAct() { if(confirm('確定要退選嗎?')) { return true; } return false; } </script>
然後在你要加的<a>標籤裡寫入onclick事件
echo"<a href='自己想跳轉的頁面url' onclick='return confirmAct();'>退選</a>";可以看出兩者的區別，前者是設定表單要提交的按鈕，給它一個ID，用ID來觸發彈框函式
後者則是設定點選的標籤，點選後直接reutrn了彈框函式。兩者運用合理可以完成幾乎所有設計的彈框需求。