可以在 JavaScript 中建立三種訊息框：警告框、確認框、提示框。

bestcxx發表於2016-01-31
JavaScript

js彈出警告框|js彈出折行警告框|js確認按鈕|js提示按鈕：

可以在 JavaScript 中建立三種訊息框：警告框、確認框、提示框。

警告框

<html>
<head>
<script type="text/javascript">
function disp_alert()
{
alert("我是警告框！！")
}
</script>
</head>
<body>

<input type="button" onclick="disp_alert()" value="顯示警告框" />

</body>
</html>
 

警告框經常用於確保使用者可以得到某些資訊。

當警告框出現後，使用者需要點選確定按鈕才能繼續進行操作。

<html>
<head>
<script type="text/javascript">
function disp_alert()
{
alert("再次向您問好！在這裡，我們向您演示" + '\n' + "如何向警告框新增折行。")
}
</script>
</head>
<body>

<input type="button" onclick="disp_alert()" value="顯示警告框" />

</body>
</html>
 

語法：

alert("文字")

確認框

 

<html>
<head>
<script type="text/javascript">
function disp_confirm()
  {
  var r=confirm("按下按鈕")
  if (r==true)
    {
    document.write("您按了確認！")
    }
  else
    {
    document.write("您按了取消！")
    }
  }
</script>
</head>
<body>

<input type="button" onclick="disp_confirm()" value="顯示確認框" />

</body>
</html>
 

確認框用於使使用者可以驗證或者接受某些資訊。

當確認框出現後，使用者需要點選確定或者取消按鈕才能繼續進行操作。

如果使用者點選確認，那麼返回值為 true。如果使用者點選取消，那麼返回值為 false。

語法：

confirm("文字")

提示框

<html>
<head>
<script type="text/javascript">
function disp_prompt()
  {
  var name=prompt("請輸入您的名字","Bill Gates")
  if (name!=null && name!="")
    {
    document.write("你好！" + name + " 今天過得怎麼樣？")
    }
  }
</script>
</head>
<body>

<input type="button" onclick="disp_prompt()" value="顯示提示框" />

</body>
</html>
 

提示框經常用於提示使用者在進入頁面前輸入某個值。

當提示框出現後，使用者需要輸入某個值，然後點選確認或取消按鈕才能繼續操縱。

如果使用者點選確認，那麼返回值為輸入的值。如果使用者點選取消，那麼返回值為 null。

語法：

prompt("文字","預設值")




轉載自：http://www.php186.com/content/article/js/23637.html










相關文章