document对象详解

来源：百度文库 编辑：神马文学网 时间：2024/04/30 14:18:44
注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写，否则会提示你一个错误信息 "引用的元素为空或者不是对象"]


对象属性:


document.title                 //设置文档标题等价于HTML的标签<br>document.bgColor               //设置页面背景色<br>document.fgColor               //设置前景色(文本颜色)<br>document.linkColor             //未点击过的链接颜色<br>document.alinkColor            //激活链接(焦点在此链接上)的颜色<br>document.vlinkColor            //已点击过的链接颜色<br>document.URL                   //设置URL属性从而在同一窗口打开另一网页<br>document.fileCreatedDate       //文件建立日期，只读属性<br>document.fileModifiedDate      //文件修改日期，只读属性<br>document.fileSize              //文件大小，只读属性<br>document.cookie                //设置和读出cookie<br>document.charset               //设置字符集 简体中文:gb2312<br>----------------------------</font><h2><font size="3"><strong>常用对象方法</strong></font></h2><font size="3"><br>document.write()                      //动态向页面写入内容<br>document.createElement(Tag)           //创建一个html标签对象<br>document.getElementById(ID)           //获得指定ID值的对象<br>document.getElementsByName(Name)      //获得指定Name值的对象<br>document.body.appendChild(oTag)<br></font><h2><font size="3"><strong>body-主体子对象</strong></font></h2><font size="3"><br>document.body                   //指定文档主体的开始和结束等价于<body></body><br>document.body.bgColor           //设置或获取对象后面的背景颜色<br>document.body.link              //未点击过的链接颜色<br>document.body.alink             //激活链接(焦点在此链接上)的颜色<br>document.body.vlink             //已点击过的链接颜色<br>document.body.text              //文本色<br>document.body.innerText         //设置<body>...</body>之间的文本<br>document.body.innerHTML         //设置<body>...</body>之间的HTML代码<br>document.body.topMargin         //页面上边距<br>document.body.leftMargin        //页面左边距<br>document.body.rightMargin       //页面右边距<br>document.body.bottomMargin      //页面下边距<br>document.body.background        //背景图片<br>document.body.appendChild(oTag) //动态生成一个HTML对象</font><h2><font size="3"><strong>常用对象事件</strong></font></h2><font size="3"><br>document.body.onclick="func()"              //鼠标指针单击对象是触发<br>document.body.onmouseover="func()"          //鼠标指针移到对象时触发<br>document.body.onmouseout="func()"           //鼠标指针移出对象时触发 </font><h2><font size="3">location-位置子对象</font></h2><p><font size="3">document.location.hash          // #号后的部分<br>document.location.host          // 域名+端口号<br>document.location.hostname      // 域名<br>document.location.href          // 完整URL<br>document.location.pathname      // 目录部分<br>document.location.port          // 端口号<br>document.location.protocol      // 网络协议(http:)<br>document.location.search        // ?号后的部分</font></p><h2><font size="3"><strong>常用对象事件</strong></font></h2><p><font size="3">documeny.location.reload()          //刷新网页<br>document.location.reload(URL)       //打开新的网页<br>document.location.assign(URL)       //打开新的网页<br>document.location.replace(URL)      //打开新的网页<br>========================================================================<br>selection-选区子对象<br>document.selection<br>========================================================================<br>images集合(页面中的图象):<br>----------------------------<br>a)通过集合引用<br>document.images                 //对应页面上的<img>标签<br>document.images.length          //对应页面上<img>标签的个数<br>document.images[0]              //第1个<img>标签           <br>document.images[i]              //第i-1个<img>标签<br>----------------------------<br>b)通过nane属性直接引用<br><img name="oImage"><br>document.images.oImage          //document.images.name属性<br>----------------------------<br>c)引用图片的src属性<br>document.images.oImage.src      //document.images.name属性.src<br>----------------------------<br>d)创建一个图象<br>var oImage<br>oImage = new Image()<br>document.images.oImage.src="1.jpg"<br>同时在页面上建立一个<img>标签与之对应就可以显示<br>----------------------------<br>示例代码(动态创建图象)：<br><html><br><img name=oImage><br><script language="javascript"><br>       var oImage<br>       oImage = new Image()<br>       document.images.oImage.src="1.jpg"<br></script><br></html><br><br><html><br><script language="javascript"><br>       oImage=document.caeateElement("IMG")<br>       oImage.src="1.jpg"<><li><p></li></font></div> <div class="list-group"> <a href="/article/2017165" class="list-group-item">document对象详解</a> <a href="/article/120343" class="list-group-item">JavaScript的document对象详解</a> <a href="/article/163237" class="list-group-item">javascript 中 document对象详解</a> <a href="/article/1048844" class="list-group-item">JavaScript的document对象详解</a> <a href="/article/12147" class="list-group-item">JSP内部对象详解</a> <a href="/article/15143" class="list-group-item">Lucene与搜索引擎技术(Document包详解）</a> <a href="/article/2784970" class="list-group-item">关于document.selection对象的介绍 - 寒云路几层的日志 - 网易博客</a> <a href="/article/2376552" class="list-group-item">详解组策略对象安全设置的正确使用</a> <a href="/article/18466" class="list-group-item">Untitled Document</a> <a href="/article/76636" class="list-group-item">Untitled Document</a> <a href="/article/77495" class="list-group-item">Untitled Document</a> <a href="/article/85851" class="list-group-item">Untitled Document</a> <a href="/article/93678" class="list-group-item">Untitled Document</a> <a href="/article/96336" class="list-group-item">Untitled Document</a> <a href="/article/101280" class="list-group-item">Untitled Document</a> <a href="/article/112053" class="list-group-item">Untitled Document</a> <a href="/article/112565" class="list-group-item">Untitled Document</a> <a href="/article/114453" class="list-group-item">Untitled Document</a> <a href="/article/114760" class="list-group-item">Untitled Document</a> <a href="/article/116718" class="list-group-item">Untitled Document</a> <a href="/article/124660" class="list-group-item">Untitled Document</a> <a href="/article/125400" class="list-group-item">Untitled Document</a> <a href="/article/130789" class="list-group-item">Untitled Document</a> <a href="/article/135431" class="list-group-item">Untitled Document</a> </div> </div> </div> </div> </div> </div> <footer id="footer" class="footer hidden-print"> <div class="container"> <div class="panel panel-default"> <div class="panel-heading">相关问题</div> <div class="panel-body"> <a class="btn btn-default" href="/article/1348871" title="摄影师捕捉到大白鲨对镜头咧嘴笑瞬间(组图)">摄影师捕捉到大白鲨对镜头咧嘴笑瞬间(组图)</a> <a class="btn btn-default" href="/article/1348872" title="我国知识分子平均寿命仅为58岁">我国知识分子平均寿命仅为58岁</a> <a class="btn btn-default" href="/article/1348873" title="智慧的灵光 040105 致荣格的信">智慧的灵光 040105 致荣格的信</a> <a class="btn btn-default" href="/article/1348874" title="少私寡欲,朴素天真">少私寡欲,朴素天真</a> <a class="btn btn-default" href="/article/1348875" title="感谢生活的磨砺 - Qzone日志">感谢生活的磨砺 - Qzone日志</a> <a class="btn btn-default" href="/article/1348876" title="曹操高陵二号墓发现玉珠 疑为其生前饰物">曹操高陵二号墓发现玉珠 疑为其生前饰物</a> <a class="btn btn-default" href="/article/1348877" title="智慧的灵光 040104 我如何成了化学家">智慧的灵光 040104 我如何成了化学家</a> <a class="btn btn-default" href="/article/1348878" title="教你看懂八卦图@#">教你看懂八卦图@#</a> <a class="btn btn-default" href="/article/1348879" title="宽容（转载）">宽容（转载）</a> <a class="btn btn-default" href="/article/1348880" title="智慧的灵光 040103 坚定的人创造生活">智慧的灵光 040103 坚定的人创造生活</a> <a class="btn btn-default" href="/article/1348881" title="╱/╱狮子机如何破解┈━">╱/╱狮子机如何破解┈━</a> <a class="btn btn-default" href="/article/1348882" title="宽容是人生的修养">宽容是人生的修养</a> <a class="btn btn-default" href="/article/1348883" title="如何做好总裁秘书?">如何做好总裁秘书?</a> <a class="btn btn-default" href="/article/1348884" title="如何做好总裁秘书?2">如何做好总裁秘书?2</a> <a class="btn btn-default" href="/article/1348885" title="c女人的88个秘密！好准啊！">c女人的88个秘密！好准啊！</a> <a class="btn btn-default" href="/article/1348886" title="历史上的十大盗墓狂人！！太厉害了。。。。。。。。。。">历史上的十大盗墓狂人！！太厉害了。。。。。。。。。。</a> <a class="btn btn-default" href="/article/1348887" title="智慧的灵光 040102 在贝塔尔舰上的航行">智慧的灵光 040102 在贝塔尔舰上的航行</a> <a class="btn btn-default" href="/article/1348888" title="看懂八卦">看懂八卦</a> <a class="btn btn-default" href="/article/1348889" title="酒店小姐的幽默">酒店小姐的幽默</a> <a class="btn btn-default" href="/article/1348890" title="[10-06-12] 介绍一种几乎不亏损的操作方法 - 股票投资 - 鼎砥投资论坛 中国顶...">[10-06-12] 介绍一种几乎不亏损的操作方法 - 股票投资 - 鼎砥投资论坛 中国顶...</a> <a class="btn btn-default" href="/article/1348891" title="我找到了四川泡菜的密方 - Qzone日志">我找到了四川泡菜的密方 - Qzone日志</a> <a class="btn btn-default" href="/article/1348892" title="☆/╱/╱狮子机作弊方法┈">☆/╱/╱狮子机作弊方法┈</a> <a class="btn btn-default" href="/article/1348893" title="智慧的灵光 040101 我的幼年教育">智慧的灵光 040101 我的幼年教育</a> <a class="btn btn-default" href="/article/1348894" title="自动转换15位身份证号码位18位0">自动转换15位身份证号码位18位0</a> <a class="btn btn-default" href="/article/1348895" title="培养成功心态@#">培养成功心态@#</a> <a class="btn btn-default" href="/article/1348896" title="朋友00">朋友00</a> <a class="btn btn-default" href="/article/1348897" title="癌症信号&马铃署生擦汁">癌症信号&马铃署生擦汁</a> <a class="btn btn-default" href="/article/1348898" title="细数历史上各行各业的祖师爷">细数历史上各行各业的祖师爷</a> <a class="btn btn-default" href="/article/1348899" title="玛雅人五大预言原文">玛雅人五大预言原文</a> <a class="btn btn-default" href="/article/1348900" title="全面认识文革中的红卫兵 作者：陈益南">全面认识文革中的红卫兵 作者：陈益南</a> <a class="btn btn-default" href="/article/1348901" title="玛雅人五大预言">玛雅人五大预言</a> </div> </div></div> <div class="copy-right"> <p>神马文学网，客观、专业、权威的知识性互动百科全书。</p></div> </footer> </body> </html>