JavaScript document方法大全

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

JavaScript:document 对象方法属性大全
在 JavaScript 中 document 对象是一个极为常见的对象, 提供丰富的属性和方法, 使用 起来也非常的方便。下面我来总结一下这些属性和方法,以备您在使用中随时可以查看。 注意:在 JavaScript 中对象的属性和方法是严格区分大小写的,所以您一定要按正确 的大小写来使用,否则会出现无法找到对象或方法的提示。 document 对象属性
document.title document.bgColor document.fgColor document.linkColor document.alinkColor document.vlinkColor document.URL document.fileCreatedDate
//设置文档标题等价于 HTML 的标签 //设置页面背景色 //设置前景色(文本颜色) //未点击过的链接颜色 //激活链接(焦点在此链接上)的颜色 //已点击过的链接颜色 //设置 URL 属性从而在同一窗口打开另一网页 //文件建立日期,只读属性<br>document.fileModifiedDate //文件修改日期,只读属性 document.fileSize document.cookie document.charset //文件大小,只读属性 //设置和读出 cookie //设置字符集 简体中文:gb2312<br>document 对象方法<br>document.write() document.createElement(Tag) document.getElementById(ID)<br>//动态向页面写入内容 //创建一个 html 标签对象 //获得指定 ID 值的对象<br><br></p><p>document.getElementsByName(Name) //获得指定 Name 值的对象 document.body.appendChild(oTag)<br>body-主体子对象<br>document.body document.body.bgColor document.body.link document.body.alink document.body.vlink document.body.text document.body.innerText document.body.innerHTML document.body.topMargin document.body.leftMargin document.body.rightMargin<br>//指定文档主体的开始和结束等价于<body></body> //设置或获取对象后面的背景颜色 //未点击过的链接颜色 //激活链接(焦点在此链接上)的颜色 //已点击过的链接颜色 //文本色 //设置<body>...</body>之间的文本 //设置<body>...</body>之间的 HTML 代码 //页面上边距 //页面左边距 //页面右边距<br>document.body.bottomMargin //页面下边距 document.body.background //背景图片<br>document.body.appendChild(oTag) //动态生成一个 HTML 对象<br>document 常用对象事件<br>document.body.onclick="func()" document.body.onmouseover="func()" document.body.onmouseout="func()"<br>//鼠标指针单击对象是触发 //鼠标指针移到对象时触发 //鼠标指针移出对象时触发<br>document.location-位置子对象<br><br></p><p>document.location.hash document.location.host<br>// #号后的部分 // 域名+端口号<br>document.location.hostname // 域名 document.location.href // 完整 URL<br>document.location.pathname // 目录部分 document.location.port // 端口号<br>document.location.protocol // 网络协议(http:) document.location.search // ?号后的部分<br>documeny.location.reload() document.location.reload(URL) document.location.assign(URL)<br>//刷新网页 //打开新的网页 //打开新的网页<br>document.location.replace(URL) //打开新的网页<br>selection-选区子对象<br>document.selection<br>document.images 集合(页面中的图象)<br>a)通过集合引用 document.images document.images.length document.images[0] document.images[i] //对应页面上的<img>标签 //对应页面上<img>标签的个数 //第 1 个<img>标签 //第 i+1 个<img>标签<br><br></p><p>b)通过 nane 属性直接引用 <img name="oImage"> document.images.oImage // 属性<br>c)引用图片的 src 属性 document.images.oImage.src // 属性.src<br>d)创建一个图象 var oImage oImage = new Image() document.images.oImage.src="1.jpg" 同时在页面上建立一个<img>标签与之对应就可以显示<br>document.forms 集合(页面中的表单)<br>a)通过集合引用 document.forms document.forms.length document.forms[0] document.forms[i] document.forms[i].length //对应页面上的<form>标签 //对应页面上<form>标签的个数 //第 1 个<form>标签 //第 i-1 个<form>标签 //第 i-1 个<form>中的控件数<br>document.forms[i].elements[j] //第 i-1 个<form>中第 j-1 个控件<br>b)通过标签 name 属性直接引用<br><br></p> </div> </div> </div> </div> </div> <div id="rightcol" class="viewcol"> <div class="coltitle">相关文档</div> <ul class="lista"> <li><a href="/doc/0d5342481.html" target="_blank">js基础知识</a></li> <li><a href="/doc/048328246.html" target="_blank">JavaScript常用知识点</a></li> <li><a href="/doc/0e10592198.html" target="_blank">Jquery基础知识点总结学习</a></li> <li><a href="/doc/0a11622098.html" target="_blank">Vue.js基础知识汇总</a></li> <li><a href="/doc/0b15077580.html" target="_blank">javaScript重点知识总结</a></li> <li><a href="/doc/195401393.html" target="_blank">《Javascript》课程教学大纲.doc</a></li> <li><a href="/doc/1c5529825.html" target="_blank">javaScript 基本知识点</a></li> <li><a href="/doc/1513313642.html" target="_blank">Javascript(课件PPT)</a></li> <li><a href="/doc/2818587309.html" target="_blank">JavaScript 经典代码大全</a></li> <li><a href="/doc/3b10230267.html" target="_blank">学习javascript必须掌握的基础知识</a></li> </ul> <div class="coltitle">最新文档</div> <ul class="lista"> <li><a href="/doc/0a11640863.html" target="_blank">6_第六章__基因的转移与重组体的筛选和鉴定</a></li> <li><a href="/doc/0d11640868.html" target="_blank">绿融信仰花绽文明</a></li> <li><a href="/doc/0e11640872.html" target="_blank">镍钛形状记忆合金</a></li> <li><a href="/doc/0f11640873.html" target="_blank">陕西彬长矿业集团有限公司大修理实施细则(2)</a></li> <li><a href="/doc/0f11640874.html" target="_blank">(猪下货)卤猪下水配方制作工艺专业版(附香辛药料配比及酱卤类制作要点分述)</a></li> <li><a href="/doc/0f11640875.html" target="_blank">山东省广饶县丁庄镇中心初级中学九年级英语全册 Unit 9 I like music that</a></li> <li><a href="/doc/0f11640877.html" target="_blank">新生儿严重先天性心脏病诊疗思路</a></li> <li><a href="/doc/071164088.html" target="_blank">建设工程项目监理人员岗位配置最低标准</a></li> <li><a href="/doc/0111640881.html" target="_blank">化学分子杂化轨道及构型</a></li> <li><a href="/doc/0211640882.html" target="_blank">SysML在汽车领域的应用实践培训课件(ppt 55张)</a></li> </ul> </div> </div> <script> var did = "713564892"; var ext = 'docx'; var docId = '03p59bobglwyl1nz1lst'; var totalPage = 11; const pageNum = '11'; </script> <div class="clearfloat"></div> <div id="footer"> <div class="ft_info"> <a href="https://beian.miit.gov.cn">闽ICP备16038512号-3</a> <a href="/tousu.html" target="_blank">侵权投诉</a>  ©2013-2023 360文档中心,www.360docs.net | <a target="_blank" href="/sitemap.html">站点地图</a><br> 本站资源均为网友上传分享,本站仅负责收集和整理,有任何问题请在对应网页下方投诉通道反馈 </div> <script>foot()</script> </div> </body> </html>