曲径通幽论坛

标题: 通过 name 值引用对象 [打印本页]

作者: easy 时间: 2013-4-21 22:38
标题: 通过 name 值引用对象
通过 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>

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

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

欢迎光临曲径通幽论坛 (http://www.groad.net/bbs/)

Powered by Discuz! X3.2