<!--下面是源代码--> <!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
</head>
<!--<script type = "text/javascript" src = "test.js"> -->
<!-- </script> -->
<script>
function button_onclick(){
if(document.getElementById("account_value").value == "jeavenwong" && document.getElementById("secret_value").value == "123456"){
document.location = "http://www.cnblogs.com/jeavenwong";
}
else{
document.location = "file:///C:/Users/lenovo/Desktop/JsStudy/error.html"; }
}
</script>
<body>
<h1>This web is to study javascript!</h1>
<p>请登录jeavenwong的博客园</p>
账号:<br/>
<input type = "text" id = "account_value" /> <br/>
密码:<br/>
<input type = "password" id = "secret_value" /><br/> //我的密码设置的是123456
<br/>
<button onclick = "javascript:button_onclick()">提交</button> </body>
</html>
效果如下：
登陆时：
登陆正确时跳转到我的博客园：
登陆错误时跳转到一个错误页面（这个页面几行代码，就不上了）：