通过 name 值引用对象

easy · 发表于 2013-4-21 22:38:40

通过 name 值来引用对象是引用对象的一种常见方法。

下面的一段简单的程序演示这一过程：

<!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>
<title> 通过 name 属性值引用对象 </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

</head>

<body>
<form name="MyForm">
Input your Name: <input type="text" name="myName">
</form>
<script type="text/javascript" language="javascript">

</script>
</body>
</html>

运行效果：

上面代码中的 HTML部分，创建了一个名为 "MyForm"的表单，该表单下有一个名为 "myName“ 的文本框。在 JavaScript 代码里，window.document.MyForm.myName.value 这句话可以肢解为：
window 引用 Window 对象；
document 引用 Document 对象；
表单名 MyForm 引用 Form 对象；
文本框名 myName 引用 Text 对象；
Text 对象的 value 属性可以用来存取文本框中的文本内容。

这样的引用关系可以参考下图：

		自动登录	找回密码
密码			立即注册

通过 name 值引用对象

本帖子中包含更多资源