prompt()方法用于显示可提示用户进行输入的对话框。
这个方法返回用户输入的字符串。
语法格式
prompt(msg,defaultText)
msg 可选。要在对话框中显示的纯文本(而不是 HTML 格式的文本)。 defaultText 可选。默认的输入文本。
<!DOCTYPE html> <html> <head> <title>请输入您的出生年份</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript"> function prom(){ var input = document.getElementById("year"); var year = prompt("请输入您的出生年份"); input.value = year; } </script> </head> <body> <h1>Pormpt</h1><br /> <h3>请输入您的出生年份:</h3><br /> <input type="text" id="year" size="24"><br /> <button onclick="prom();">输入年份</button> </body> </html>
<!DOCTYPE html> <html> <head> <title>点击按钮查看输入的对话框</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p>点击按钮查看输入的对话框</p> <button onclick="myFunction()">点我</button> <p id="demo"></p> <script> function myFunction() { var x; var person = prompt("请输入您的名字","harry Potter"); if(person!=null && person!=""){ x = "您好" + person + "! 今天感觉如何?"; document.getElementById("demo").innerHTML = x; } } </script> </body> </html>
confirm()方法用于显示一个带有指定消息和确认及取消按钮的对话框。
如果访问者点击"确定",此方法返回true,否则返回false。
<!DOCTYPE html> <html> <head> <title>点击按钮,显示确认框</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p>点击按钮,显示确认框</p> <button onclick="myfunc()">点我</button> <p id="demo"></p> <script> function myfunc(){ var x; var r = confirm("按下按钮"); if(r == true){ x="你按下了\"确定\"按钮!" }else{ x="你按下了\"取消\"按钮!" } document.getElementById("demo").innerHTML = x; } </script> </body> </html>