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/071000073.html" target="_blank">饭店包间名字大全</a></li>
<li><a href="/doc/0d10001030.html" target="_blank">word无法创建工作文件,请检查临时环境变量</a></li>
<li><a href="/doc/0d10001458.html" target="_blank">自行车健身比赛开幕式讲话词</a></li>
<li><a href="/doc/0510001469.html" target="_blank">2018乡村医生个人工作总结</a></li>
<li><a href="/doc/0e10002558.html" target="_blank">MySQL测试题 SQL</a></li>
<li><a href="/doc/0310002568.html" target="_blank">合勤NXC5200</a></li>
<li><a href="/doc/0210004833.html" target="_blank">铁路集中箱空箱调度优化建模案例(案例2)</a></li>
<li><a href="/doc/021000530.html" target="_blank">微分几何教学大纲-复旦大学数学科学学院</a></li>
<li><a href="/doc/031000596.html" target="_blank">人教版九年级数学上册导学案：24.1.1_圆【精品】</a></li>
<li><a href="/doc/0c10006773.html" target="_blank">(整容后办护照用)医院整容证明</a></li>
<li><a href="/doc/0e10006860.html" target="_blank">危险废物管理台账</a></li>
<li><a href="/doc/0310008420.html" target="_blank">2017年终大会会场物料设计方案</a></li>
</ul>
</div>
</div>
<script>
var did = "713564892";
var ext = 'docx';
var docId = '03p59bobglwyl1nz1lst';
var totalPage = 17;
const pageNum = '17';
</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> 