JavaScript的document对象详解
1、对象属性
document.title //设置文档标题等价于HTML的
标签<p>document.bgColor //设置页面背景色<p>document.fgColor //设置前景色(文本颜色)<p>document.linkColor //未点击过的链接颜色<p>document.alinkColor //激活链接(焦点在此链接上)的颜色<p>document.vlinkColor //已点击过的链接颜色<p>document.URL //设置URL属性从而在同一窗口打开另一网页<p>document.fileCreatedDate //文件建立日期，只读属性<p>document.fileModifiedDate //文件修改日期，只读属性<p>document.fileSize //文件大小，只读属性<p>document.cookie //设置和读出cookie<p>document.charset //设置字符集 简体中文:gb2312<p>---------------------------------------------------------------------<p>2、对象方法<p>document.write() //动态向页面写入内容<p>document.createElement(Tag) //创建一个html标签对象<p>document.getElementById(ID) //获得指定ID值的对象<p>document.getElementsByName(Name) //获得指定Name值的对象<p>---------------------------------------------------------------------<p>3、images集合(页面中的图象)<p>a)通过集合引用<p>document.images //对应页面上的标签<p>document.images.length //对应页面上标签的个数<p>document.images[0] //第1个标签<p>document.images[i] //第i-1个标签<p>b)通过nane属性直接引用<p>document.images.oImage //document.images.name属性<p>c)引用图片的src属性<p>document.images.oImage.src //document.images.name属性.src<p>d)创建一个图象<p>var oImage<p>oImage = new Image()<p>document.images.oImage.src="/1.jpg"<p>同时在页面上建立一个标签与之对应就可以显示<p><html><p><script language="javascript"><p>var oImage<p>oImage = new Image()<p>document.images.oImage.src="/1.jpg"<p></script><p></html><p>----------------------------------------------------------------------<p>4、forms集合(页面中的表单)<p>a)通过集合引用<p>document.forms //对应页面上的<form>标签<p>document.forms.length //对应页面上<form>标签的个数<p>document.forms[0] //第1个<form>标签<p>document.forms[i] //第i-1个<form>标签<p>document.forms[i].length //第i-1个<form>中的控件数<p>document.forms[i].elements[j] //第i-1个<form>中第j-1个控件<p>b)通过标签name属性直接引用<p><form name="Myform"><input name="myctrl"></form><p>document.Myform.myctrl //document.表单名.控件名<p>-----------------------------------------------------------------------<p><html><p><!--Text控件相关Script--><p><form name="Myform"><p><input type="text" name="oText"><p><input type="password" name="oPswd"><p><form><p><script language="javascript"><p>//获取文本密码框的值<p>document.write(document.Myform.oText.value)<p>document.write(document.Myform.oPswd.value)<p></script><p></html><p>-----------------------------------------------------------------------<p><html><p><!--Select控件相关Script--><p><form name="Myform"><p><select name="oSelect"><p><option value="1">1</option><p><option value="2">2</option><p><option value="3">3</option><p></select><p></form><p><script language="javascript"><p>//遍历select控件的option项<p>var length<p>length=document.Myform.oSelect.length<p>for(i=0;i<length;i++)<p>document.write(document.Myform.oSelect[i].value)<p></script><p><script language="javascript"><p>//遍历option项并且判断某个option是否被选中<p>for(i=0;i<document.Myform.oSelect.length;i++){<p>if(document.Myform.oSelect[i].selected!=true)<p>document.write(document.Myform.oSelect[i].value)<p>else<p>document.write("<font color=red>"+document.Myform.oSelect[i].value+"</font>")<p>}<p></script><p><script language="javascript"><p>//根据SelectedIndex打印出选中的option<p>//(0到document.Myform.oSelect.length-1)<p>i=document.Myform.oSelect.selectedIndex<p>document.write(document.Myform.oSelect[i].value)<p></script><p><script language="javascript"><p>//动态增加select控件的option项<p>var oOption = document.createElement("OPTION");<p>oOption.text="4";<p>oOption.value="4";<p>document.Myform.oSelect.add(oOption);<p></script><p><html><p>-----------------------------------------------------------------------<p>Text<p>document.all.oDiv //引用图层oDiv<p>document.all.oDiv.style<p>document.all.oDiv.style.display="" //图层设置为可视<p>document.all.oDiv.style.display="none" //图层设置为隐藏<p>/*document.all表示document中所有对象的集合<p>只有ie支持此属性，因此也用来判断浏览器的种类*/<a class="downbb html2word" href="javascript:;" data-model="article" data-id="raearccrv">下载本文</a>
<script type="text/javascript" src="https://jss.51dongshi.net/mwz/nrhou.js"></script></div>
</mip-showmore>
<div on="click:showmore01.toggle" data-closetext="收起全文" class="mip-showmore-btn">显示全文</div></section>
<script type="text/javascript" src="https://jss.51dongshi.net/mwz/dajia.js"></script>
<script type="text/javascript" src="https://jss.51dongshi.net/mwz/cnxh.js"></script>
<script type="text/javascript" src="https://jss.51dongshi.net/mwz/cnxhhou.js"></script>
<script type="text/javascript" src="https://jss.51dongshi.net/mwz/wntj.js"></script>
<script type="text/javascript" src="https://jss.51dongshi.net/mwz/wntjhou.js"></script>
<script type="text/javascript" src="https://jss.51dongshi.net/mwz/end.js"></script>
<div style="display:none"><a href="https://m.51dongshi.net/wzztf/raear/raearccrv/">专题</a></div><iframe src="https://hits.51dongshi.net/?biao=ho_article&id=190918817" border="0" frameborder="0" style="width: 0px; height: 0px"></iframe>
<link rel="stylesheet" href="https://jss.51dongshi.net/js/fffz/css/box.css">
<script id="fffz" data-domain="//m.51dongshi.net" src="https://js.51dongshi.net/js/fffz/fffz.js"></script>
<div class="foot_new">
<div class="footlogo"></div>
<div class="copyright">动视 51dongshi.net 版权所有<br>Copyright © 2019-2025 </div>
</div>
</div><script type="text/javascript" src="https://jss.51dongshi.net/mwz/zuihou.js"></script>
<script>
$(function(){
var downbox_top = $('.downbox').offset().top-$(window).scrollTop();
$(window).scroll(function(){
if ($(window).scrollTop()>$('.downbox').offset().top+$('.downbox').height()) {
if($('.downbb').length>0) $('.downbb').show()
}else{
if($('.downbb').length>0) $('.downbb').hide()
}
})
})
</script>
<div style="display:none;"><script>var _hmt = _hmt || [];(function() {var hm = document.createElement("script");hm.src = "https://hm.baidu.com/hm.js?de973f4fc4fc27c651135a4cd7781c2b";var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s);})();</script></div></body>
</html>
