首頁 > web前端 > 前端問答 > 怎麼用javascript實作提示框

怎麼用javascript實作提示框

WBOY
發布: 2022-04-13 17:03:54
原創
2686 人瀏覽過

在JavaScript中,可以利用Window物件的prompt()方法來實作提示框,該方法可以彈出顯示帶有一個輸入框、一個「確定」按鈕和一個「取消」按鈕的提示框,語法為“prompt("sometext","defaultText")”。

怎麼用javascript實作提示框

本教學操作環境:windows10系統、javascript1.8.5版、Dell G3電腦。

怎麼用javascript實作提示框

如果您希望使用者在進入頁面前輸入值,通常會使用提示框。

當提示框彈出時,使用者將不得不輸入值後按一下「確定」或點擊「取消」來繼續進行。

如果使用者按一下“確定”,則方塊會傳回輸入值。如果使用者按一下“取消”,則該方塊返回 NULL。

語法為:

window.prompt("sometext","defaultText");
登入後複製

window.prompt() 方法可以不帶 window 前綴來寫。

範例如下:

<html>
<body>
<h1>JavaScript Prompt</h1>
<button onclick="myFunction()">试一试</button>
<p id="demo"></p>
<script>
function myFunction() {
  var txt;
  var person = prompt("请输入您的名字:", "哈利波特");
  if (person == null || person == "") {
    txt = "用户取消输入";
  } else {
    txt = "你好," + person + "!今天过得好吗?";
  }
  document.getElementById("demo").innerHTML = txt;
}
</script>
</body>
</html>
登入後複製

輸出結果:

怎麼用javascript實作提示框

點擊確定後輸出結果是:

怎麼用javascript實作提示框

【相關推薦:javascript影片教學web前端

以上是怎麼用javascript實作提示框的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板