js弹出输入框并且获取输入值

js弹出输入框并且获取输入值

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


19