日期:2014-05-16  浏览次数:20433 次

JavaScript窗口之间值传递—本窗口之间值传递

本窗口之间值传递

<!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>

?