當前位置: 首頁>>編程示例 >>用法及示例精選 >>正文


Javascript Window prompt()用法及代碼示例

prompt()方法用於顯示帶有可選消息的對話框,提示用戶輸入一些文本。如果用戶要在進入頁麵之前輸入值,通常使用它。它返回一個包含用戶輸入文本的字符串,或者為null。

用法:

prompt(message, default)
  • 信息是要顯示給用戶的文本字符串,如果提示窗口中沒有任何內容可以忽略,即可選。
  • 默認是一個字符串,其中包含在文本輸入字段中顯示的默認值。它也是可選的。

例:


<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        Window prompt() Method 
    </title> 
</head> 
  
<body style="text-align:center;"> 
    <h1 style="color:green;"> 
        GeeksforGeeks 
    </h1> 
    <h2> 
        Window prompt() Method 
    </h2> 
  
    <button onclick="geek()"> 
        Click me! 
    </button> 
    <p id="g"></p> 
  
    <script> 
        function geek() { 
            var doc = prompt("Please enter some text", 
                "GeeksforGeeks"); 
            if (doc != null) { 
                document.getElementById("g").innerHTML = 
                    "Welcome to " + doc; 
            } 
        } 
    </script> 
</body> 
  
</html>

輸出:
在單擊按鈕之前:
prompt

單擊後單擊我!按鈕:
prompt

在對話框中按確定按鈕後:
prompt

支持的瀏覽器:下麵列出了窗口prompt()方法支持的瀏覽器:

  • 穀歌瀏覽器
  • IE瀏覽器
  • 火狐瀏覽器
  • Opera
  • 蘋果瀏覽器


相關用法


注:本文由純淨天空篩選整理自Vishal Chaudhary 2大神的英文原創作品 Javascript | Window prompt() Method。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。