溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

JavaScript實現輸入對話框的代碼

發布時間:2020-05-18 11:36:45 來源:億速云 閱讀:1484 作者:小新 欄目:web開發

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

JavaScript實現輸入對話框的代碼

我們可以使用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實現輸入對話框的代碼

在文本框中輸入名稱

JavaScript實現輸入對話框的代碼

點擊確定按鈕,對話框消失,頁面顯示結果如下

JavaScript實現輸入對話框的代碼

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

JavaScript實現輸入對話框的代碼

可以在對話框中設置初始值

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

具體代碼如下

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

運行結果如下

JavaScript實現輸入對話框的代碼

以上就是JavaScript實現輸入對話框的代碼的詳細內容了,看完之后是否有所收獲呢?如果想了解更多相關內容,歡迎來億速云行業資訊!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女