prompt() 方法用于与用户交互,提示用户输入信息的对话框。
首先,看看prompt方法的语法形式。
var val = prompt(str1,str2);
以上代码中,此方法包含两个属性:
str1:提示用户输入的信息;
str2:用户输入文本信息默认值。
该方法返回值:返回用户输入的文本信息。
接着,举个例子来说明。
var tall = prompt("请输入您的身高(厘米)","178"); if (tall != null) { alert("您的身高为" + tall +"厘米"); } else { alert("你按了[取消]按钮"); }
最后,看看封装成功能函数后,点击链接或者按钮实现用户交互的实例。
<!doctype html> <html> <head> <meta charset="utf-8"> <title>js的prompt函数演示</title> <script> function get_user_tall() { var tall = prompt("请输入您的身高(厘米)","178"); if (tall != null){ alert("您的身高为" + tall +"厘米"); }else{ alert("你按了[取消]按钮"); } } </script> </head> <body> <a href="javascript:get_user_tall()">点击链接获取身高</a><br> <input type="button" onClick="get_user_tall()" value="点击按钮获取身高"> </body> </html>
至此,相信大家会对采用js的prompt方法实现与用户输入交互的方法已经有了一定的了解。