<html>
<head>
<title>document的使用</title>
<script language="javascript" type="text/javascript">
//open writeln write colse open:重新打开一个新的文档 打开输出流
function doc(){
document.open( "o" );
document.writeln( "document的使用" );
document.close();//关闭流
}
//获取表单数据
function getValue(){
//1:通过id获取数据 document.getElementById
var value = document.getElementById( "userid" ).value;
alert("getElementById用户名：" + value);
//2:通过name获取数据 document.getElementsByName 获取的是一个数组
value = document.getElementsByName("username")[0].value;
alert("getElementsByName用户名：" + value);
//3:通过form document.form1.username id name
value = document.form1.userid.value;
//4:通过forms
value = document.forms[0].username.value;
//5:通过all all：代表是当前整个html中所有的标记 id name
value = document.all[ "userid" ].value;
//alert( value );
//==================获取数组 checkbox,select
//1:通过name
var like = document.getElementsByName( "like" );
//alert( 'like:'+like.length );
//2:通过form
like = document.form1.like;
//alert( 'like:'+like.length );
//select ========================
var s = document.getElementsByName( "s" );//不能获取select中option的数据
//alert( 's:'+s.length );
s = document.form1.s;
alert( 's:'+s.length );
}
</script>
</head>
<body>
<center>
<a href="javascript:doc()">doc</a>
<form name="form1">
用户名：<input type="text" id="userid" name="username"/><br>
爱好：音乐:<input type="checkbox" name="like" value="1"/>体育:<input type="checkbox" name="like" value="2"/>
上网:<input type="checkbox" name="like" value="3"/><br>
你参加的帮会：<select name="s" size="1" multiple>
<option value="1">中信</option>
<option value="2">中兴</option>
<option value="3">中南</option>
</select>
<br>
<button onClick="getValue()">获取表单数据</button>
</form>
</center>
</body>
</html>
