在JavaScript中,可以利用Window對(duì)象的prompt()方法來實(shí)現(xiàn)提示框,該方法可以彈出顯示帶有一個(gè)輸入框、一個(gè)“確定”按鈕和一個(gè)“取消”按鈕的提示框,語法為“prompt("sometext","defaultText")”。
本教程操作環(huán)境:windows10系統(tǒng)、javascript1.8.5版、Dell G3電腦。
怎么用javascript實(shí)現(xiàn)提示框
如果您希望用戶在進(jìn)入頁面前輸入值,通常會(huì)使用提示框。
當(dāng)提示框彈出時(shí),用戶將不得不輸入值后單擊“確定”或點(diǎn)擊“取消”來繼續(xù)進(jìn)行。
如果用戶單擊“確定”,該框返回輸入值。如果用戶單擊“取消”,該框返回 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("請(qǐng)輸入您的名字:", "哈利波特"); if (person == null || person == "") { txt = "用戶取消輸入"; } else { txt = "你好," + person + "!今天過得好嗎?"; } document.getElementById("demo").innerHTML = txt; } </script> </body> </html>
輸出結(jié)果:
點(diǎn)擊確定后輸出結(jié)果是:
【