Js复习4

来源：互联网发布：linux tftpd 编辑：程序博客网时间：2024/06/03 20:39

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js基础</title>
<script>
//确认框
//confirm("柱");
//var s="<p>asdfgh</p>";
//var ss="var a='qwertyui';";
//把ss的参数转换成js代码：
//eval(ss);
//document.write(a);
//ss="alert('zxcvbb');";
//eval(ss);

//var x=" 杨幂";
//document.write(escape(x));
//var y="%20%20%u6768%u5E42";
//document.write(unescape(y));

//var forms=document.forms;
//document.write(forms);

//能获取标签对象，就能调用对应的属性；

function getElement(){
var loginForm=document.loginForm;
var arrary=loginForm.elements;
var message="爱上对方过后就哭了";
alert(message);
for(var i=0;i<arrary.length;i++){
message+="第"+(i+1)+"个表格域：type="+arrary[i].type+",id="+arrary[i].id+",name="+arrary[i].name+",value="+arrary[i].value+"<br/>";
}
document.getElementById("loginForm").innerHTML=message;
alert(message);
}
//onsubmit使用；
function getA(){
var a =document.getElementById("as");
var b=document.getElementById("email");
var c=document.getElementById("pwd");
if(b.value==""){

return false;
}
if(c.value==""){

return false;
}
return true;
}

//onreset使用：
function getB(){
var b=document.getElementById("email");
var c=document.getElementById("pwd");
if(c.value==""){
return true;
}
return false;
}

function getC(){
var b=document.getElementById("email");
var c=document.getElementById("pwd");
if(b.value!="" && c.value!=""){
var loginForm=document.forms[0].submit();
}

}
</script>
</head>

<body>
<a href="javascript:void(0);" onclick="window.location.href='https://www.baidu.com';">爱上对方过后就哭了</a>
<form id="loginForm" name="loginForm" method="get" action="https://www.baidu.com" onsubmit="return getA()" onreset="return getB()">
邮箱：
<input type="text" id="email" name="email"/>
<br>
密码：
<input type="password" id="pwd" name="pwd"/>
<br>
<input type="submit" value="登录" />
<input type="reset" value="删除" />
<input type="button" value="哈哈哈" onclick="getC()"/>
</form>
<input type="button" onclick="getElement()" value="点击"/>
</body>
</html>

阅读全文

0 0