[web编程]document对象详解
document 文挡对象- JavaScript脚本语言描述
---------------------------------------------------------------------
注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写否则会提示你一个错误信息"引用的元素为空或者不是对象"
---------------------------------------------------------------------
对象属性
document.title //设置文档标题等价于HTML的
标签document.bgColor //设置页面背景色</p><p>document.fgColor //设置前景色(文本颜色)</p><p>document.linkColor //未点击过的链接颜色</p><p>document.alinkColor //激活链接(焦点在此链接上)的颜色</p><p>document.vlinkColor //已点击过的链接颜色</p><p>document.URL //设置URL属性从而在同一窗口打开另一网页document.fileCreatedDate //文件建立日期，只读属性</p><p>document.fileModifiedDate //文件修改日期，只读属性</p><p>document.fileSize //文件大小，只读属性</p><p>document.cookie //设置和读出cookie</p><p>document.charset //设置字符集简体中文:gb2312</p><p>---------------------------------------------------------------------</p><p>常用对象方法</p><p>document.write() //动态向页面写入内容</p><p>document.createElement(Tag) //创建一个html标签对象</p><p>document.getElementById(ID) //获得指定ID值的对象</p><p>document.getElementsByName(Name) //获得指定Name值的对象document.body.appendChild(oTag)</p><p>---------------------------------------------------------------------</p><p>body-主体子对象</p><p>document.body //指定文档主体的开始和结束等价于<body></body> document.body.bgColor //设置或获取对象后面的背景颜色</p><p>document.body.link //未点击过的链接颜色</p><p>document.body.alink //激活链接(焦点在此链接上)的颜色</p><p>document.body.vlink //已点击过的链接颜色</p><p>document.body.text //文本色</p><p>document.body.innerText //设置<body>...</body>之间的文本document.body.innerHTML //设置<body>...</body>之间的HTML代码document.body.topMargin //页面上边距</p><p>document.body.leftMargin //页面左边距</p><p>document.body.rightMargin //页面右边距</p><p>document.body.bottomMargin //页面下边距</p><p>document.body.background //背景图片</p><p>document.body.appendChild(oTag) //动态生成一个HTML对象</p><p>常用对象事件</p><p>document.body.onclick="func()" //鼠标指针单击对象是触发document.body.onmouseover="func()" //鼠标指针移到对象时触发document.body.onmouseout="func()" //鼠标指针移出对象时触发--------------------------------------------------------------------- location-位置子对象</p><p>document.location.hash // #号后的部分</p><p>document.location.host // 域名+端口号</p><p>document.location.hostname // 域名</p><p>document.location.href // 完整URL</p><p>document.location.pathname // 目录部分</p><p>document.location.port // 端口号</p><p>document.location.protocol // 网络协议(http:)</p><p>document.location.search // ?号后的部分</p><p>documeny.location.reload() //刷新网页</p><p>document.location.reload(URL) //打开新的网页</p><p>document.location.assign(URL) //打开新的网页</p><p>document.location.replace(URL) //打开新的网页</p><p>--------------------------------------------------------------------- selection-选区子对象</p><p>document.selection</p><p>--------------------------------------------------------------------- images集合(页面中的图象)</p><p>a)通过集合引用</p><p>document.images //对应页面上的<img>标签</p><p>document.images.length //对应页面上<img>标签的个数document.images[0] //第1个<img>标签</p><p>document.images[i] //第i-1个<img>标签</p><p>b)通过nane属性直接引用</p><p><img name="oImage"></p><p>document.images.oImage //属性</p><p>c)引用图片的src属性</p><p>document.images.oImage.src //属性.src d)创建一个图象</p><p>var oImage</p><p>oImage = new Image()</p>
</div>
</div>
</div>
</div>
</div>
<div id="rightcol" class="viewcol">
<div class="coltitle">相关文档</div>
<ul class="lista">
<li><a href="/doc/0d7130505.html" target="_blank">JS函数和对象(精选)</a></li>
<li><a href="/doc/168007131.html" target="_blank">Js中的Parent对象</a></li>
<li><a href="/doc/1f12351091.html" target="_blank">js对象属性方法查询手册</a></li>
<li><a href="/doc/2011865060.html" target="_blank">Document对象详解</a></li>
<li><a href="/doc/2713826797.html" target="_blank">JavaScript 攻略(对象)</a></li>
<li><a href="/doc/371845964.html" target="_blank">js内置对象属性及方法</a></li>
<li><a href="/doc/311876529.html" target="_blank">JavaScript面向对象简介</a></li>
<li><a href="/doc/3111453486.html" target="_blank">JS中的event 对象详解</a></li>
<li><a href="/doc/4a2532278.html" target="_blank">js创建对象的几种方式及JSON</a></li>
<li><a href="/doc/5d10825472.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 sdocid = "6b36961eb7360b4c2e3f64c1";
var docId = '6b36961eb7360b4c2e3f64c1';
var totalPage = 6;
const ext = 'doc';
const pageNum = '6';
</script>
<script src="https://assets.360docs.net/pc/js/render.js"></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 type="text/javascript">foot()</script>
</div>
</body>
</html> 
