如何使用JavaScript获取的内容
在这里,我们将获取的内容转为弹窗展现给用户:
<input type="text" id="i">
<input type="button" id="btnGet" value="提交" onclick="input()">
<!--以下为JS部分-->
<script type="text/JavaScript" language="JavaScript">
function input(){
var text = document.getElementById("i").value;
alert(text);
}
</script>
思路
首先,<input>肯定不可以少!!!
然后,文本框的id需要和JS侦测的id相同(按钮[button]的id则可以随便写)
document.getElementById()都知道是什么啦[获取id内的信息或者别的],
不过由于我们要获取用户输入内容,所以方法为".value"。
就完成了。
广泛应用
这里我们做一个简单的密码检测程序(验证通过后就弹出弹窗"登录成功"并显示一些内容(下一章讲!)。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>短效登录</title>
</head>
<body>
<div id="body_t">
<b>你好!<span>请登录</span></b><br>
请输入密码:<input type="text" id="password">
<input type="button" id="btnGet" onclick="login()">
</div>
</body>
<script type="text/JavaScript" language="JavaScript">
function login(){
var p = document.getElementById("password").value;
var p_t = "123456"; //这里是密码
if(p==p_t){
alert("你好!");
//以下的代码就是下一章讲的啦!
var span=document.getElementById('body_t').getElementsByTagName('span');
span[0].innerHTML = "";
span[0].innerHTML = "ks.Inc";
}else{
alert("密码错误");
}
}
</script>
</html>