JavaScript實現(xiàn)輸入對話框的代碼

發(fā)布時間：2020-05-18 11:36:45 來源：億速云閱讀：1439 作者：小新欄目：web開發(fā)

我們有時在網(wǎng)頁上進行注冊用戶信息時會出現(xiàn)彈窗進行提示，你需要輸入內(nèi)容進行確認(rèn)，那么，這樣的輸入對話框是怎么實現(xiàn)的呢？小編給大家整理了JavaScript實現(xiàn)輸入對話框的代碼，我們一起來看看吧。

我們可以使用prompt顯示輸入對話框

要在JavaScript中顯示輸入對話框，只需使用prompt并簡單地編寫以下代碼。

<script>  
var 變量 = prompt("需要顯示的字符串和值");
document.write(變量);
</script>

來看一個具體的示例

<!DOCTYPE html>
<html lang = "ja">
  <head>
    <meta charset = "utf-8">
    <title>JavaScript</title>
  </head>
  <body>
    <script>
      var name = prompt("請輸入您的姓名");
      document.write(name);
    </script>
  </body>
</html>

運行效果如下：將會彈出一個對話框

JavaScript實現(xiàn)輸入對話框的代碼

在文本框中輸入名稱

JavaScript實現(xiàn)輸入對話框的代碼

點擊確定按鈕，對話框消失，頁面顯示結(jié)果如下

JavaScript實現(xiàn)輸入對話框的代碼

點擊取消按鈕將在頁面顯示null

JavaScript實現(xiàn)輸入對話框的代碼

可以在對話框中設(shè)置初始值

在prompt下，您可以在輸入對話框的輸入字段中從頭開始輸入字符串或值（初始值）

具體代碼如下

<script>
      var name = prompt("請輸入您的姓名","California");
      document.write(name);
    </script>

運行結(jié)果如下

JavaScript實現(xiàn)輸入對話框的代碼

以上就是JavaScript實現(xiàn)輸入對話框的代碼的詳細(xì)內(nèi)容了，看完之后是否有所收獲呢？如果想了解更多相關(guān)內(nèi)容，歡迎來億速云行業(yè)資訊！

向AI問一下細(xì)節(jié)

JavaScript實現(xiàn)輸入對話框的代碼

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽