今天學習了js 中confirm的使用方法


confirm() 方法用於顯示一個帶有指定訊息和 OK 及取消按鈕的對話方塊。


如果使用者點選確定按鈕,則 confirm() 返回 true。如果點選取消按鈕,則 confirm() 返回 false。


在使用者點選確定按鈕或取消按鈕把對話方塊關閉之前,它將阻止使用者對瀏覽器的所有輸入。在呼叫 confirm() 時,將暫停對 JavaScript 程式碼的執行,在使用者作出響應之前,不會執行下一條語句。


下面我們通過這兩個小例子,來了解一下它的使用方法吧:

示例1:
<html>
<head>
<meta charset="uft-8"/>
<title>confrim 的使用方法--例子1</title>
<script type="text/javascript">
function clear1()
{
 if(confirm("確定要清空資料嗎?"))
 {
 document.main.text1.value="";//這段程式碼的作用是使得輸入框的內容為空,也就是可以起到清空內容的作用了。
 }
}
</script>
</head>
<boty>
<form name="main">
<input type="text" name="text1"/>
<input type="button" name="submit" value="資料清空" onclick="return clear1()"/>
</form>
</body>
</html>

示例2:

<html>
<head>
<meta charset="uft-8"/>
<title>js confirm--例子2</title>
<script>
function quetion()
{
 var a=confirm("郭楊和小代是好朋友嗎?");
 if(a==true)
 {
 alert("恭喜你答對了!");
 a=false;
 }
 else
 {
 
 alert("你真是豬,這麼簡單的問題都答不對!");
  a=false;
 }
 }
</script>
</head >
<body onload="quetion()">
</body>
</html>




注意:在例子2中 由於a==true ,程式會一直被執行(死迴圈),要結束死迴圈,可以在if條件句後面新增一句 a=false,在if條件句執行完畢之後把a的值變成false跳出程式。


由於自己在網上百度博文時,看到第二個例子中有a==true這個小bug,但是沒改正過來。因此想提醒下自己還有跟我一樣有看到相同例子的前端小白。