日期:2014-05-16 浏览次数:20495 次
本窗口之间值传递
<!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>无标题文档</title>
<script language="javascript">
function test() {
// 根据名字获得的值是一个数组(因为可能存在名字一样的多个表单元素),所以要下标[0]
var username = document.getElementsByName("username")[0];
// 也可以通过表单名设置
// document.form.username.value = "keveon";
// 刚开始没有赋值,值为空
alert(username.value);
// 给表单元素赋值
username.value = "keveon";
}
function test_span() {
// 根据id获取元素的值
var span = document.getElementById("span");
alert(span.innerText);
// 给非表单元素赋值
span.innerText = "测试完成";
}
</script>
</head>
<body>
<form name="form">
用户名:<input type="text" name="username"/><br />
<input type="button" onclick="test()" value="给表单元素设值"/>
<hr />
</form>
<span id="span">这是一个span测试</span><br />
<input type="button" value="给非表单元素设值" onclick="test_span()"/>
</body>
</html>
?