曲径通幽论坛

标题: 通过数组下标引用对象 [打印本页]
作者: easy    时间: 2013-4-21 23:19
标题: 通过数组下标引用对象
在 BOM 中，有许多对象都是以数组的形式出现的，比如 Form 对象。对于这种以数组形式出现的对象，可以使用数组下标来引用对象，参考下面代码：

<!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> 通过数组下标引用对象 </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" /><br />
        Input your Address: <input type="text" name="myAddress" /><br />
    </form>
   
    <form name="Domain">
        Input Domain: <input type="text" name="OurDomain" /><br />
        Input host: <input type="text" name="Ourhost" /><br />
    </form>
<script type="text/javascript" language="javascript">
<!--
        window.document.forms[0].elements[0].value="easy";
        window.document.forms[0].elements[1].value="road-1";
        
        window.document.forms[1].elements[0].value="groad.net";
        window.document.forms[1].elements[1].value="bbs";
-->
</script>
</body>
</html>
运行效果如下图所示：
[attach]1536[/attach]
在上面的 HTML 代码中，定义了 2 个表单，名字分别为 "myForm" 和 ”Domain“ 。在它们下面分别都有两个文本框。
在 JavaScript 代码中，对应着 HTML 定义的顺序下来，forms[0] 和 forms[1] 分别代表 myForm 和 Domain ；elements[0] 和 elements[1] 分别代表了表单中的两个文本框的元素。

可以认为，这些网页中的元素对象就是存在数组中的，可以用数组的下标来引用它们。



欢迎光临 曲径通幽论坛 (http://www.groad.net/bbs/) Powered by Discuz! X3.2