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方法实现与用户输入交互的方法已经有了一定的了解。
