Javascript中的Document对象详解
<li class="alt">---------------------------------------------------------------------
<li class="alt">注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写
<li class="alt"> 否则会提示你一个错误信息 "引用的元素为空或者不是对象"
<li class="alt">---------------------------------------------------------------------
<li class="alt">对象属性
<li class="alt">document.title //设置文档标题等价于HTML的<title>标签
<li class="alt">document.bgColor //设置页面背景色
<li class="alt">document.fgColor //设置前景色(文本颜色)
<li class="alt">Links //此文档中所有链接的集
<li class="alt">document.linkColor //未点击过的链接颜色
<li class="alt">document.alinkColor //激活链接(焦点在此链接上)的颜色
<li class="alt">document.vlinkColor //已点击过的链接颜色
<li class="alt">document.URL //设置URL属性从而在同一窗口打开另一网页
<li class="alt">Location //此页的URL
<li class="alt">Referrer //链接此页的网页的URL
<li class="alt">document.fileCreatedDate //文件建立日期，只读属性
<li class="alt">document.fileModifiedDate //文件修改日期，只读属性
<li class="alt">document.fileSize //文件大小，只读属性
<li class="alt">document.cookie //设置和读出cookie
<li class="alt">document.charset //设置字符集 简体中文:gb2312
<li class="alt">---------------------------------------------------------------------
<li class="alt">属性描述
<li class="alt">ActiveElement //当前具有焦点的元素
<li class="alt">All //此文档中所有元素的集
<li class="alt">Anchors // 此文档中所有定位的集
<li class="alt">Applets //此文档中所有applet的集
<li class="alt">Domain // 获得此文件的Web服务器所在的域名
<li class="alt">Forms // 此文档中所有窗体的集
<li class="alt">Frames //此文档中所有框架的集
<li class="alt">Images // 此文档中所有图象的集
<li class="alt">LastModified // 此文件最后一次修改时的日期和时间
<li class="alt">ReadyState //此页的下载状态，等于”uninitialized”（页调入前）、”loading”（页调入中）、”interactive”（操作链接时）或”complete”（完成调入）
<li class="alt">Scripts //此文档中所有脚本的集
<li class="alt">StyleSheets 此文档中所有style sheet的集
<li class="alt">Title 此页的标题
<li class="alt">URL 此页的URL
<li class="alt">VlinkColor 点击过的链接的颜色
<li class="alt">-------------------------------对象方法--------------------------------------
<li class="alt">Close() 关闭HTML输出流
<li class="alt">Open() 打开HTML输出流
<li class="alt">Write(str) 往HTML输出流中写入str
<li class="alt">Writeln(str) 往HTML输出流中写入str和一个新行
<li class="alt">document.write() //动态向页面写入内容
<li class="alt">document.createElement(Tag) //创建一个html标签对象
<li class="alt">document.getElementById(ID) //获得指定ID值的对象
<li class="alt">document.getElementsByName(Name) //获得指定Name值的对象
<li class="alt">---------------------------------------------------------------------
<li class="alt">
<li class="alt">images集合(页面中的图象)
<li class="alt">
<li class="alt">a)通过集合引用
<li class="alt">document.images //对应页面上的<img>标签
<li class="alt">document.images.length //对应页面上<img>标签的个数
<li class="alt">document.images //第1个<img>标签
<li class="alt">document.images //第i-1个<img>标签
<li class="alt">
<li class="alt">b)通过name属性直接引用
<li class="alt"><img name="oImage">
<li class="alt">document.images.oImage //document.images.name属性
<li class="alt">
<li class="alt">c)引用图片的src属性
<li class="alt">document.images.oImage.src //document.images.name属性.src
<li class="alt">
<li class="alt">d)创建一个图象
<li class="alt">var oImage
<li class="alt">oImage = new Image()
<li class="alt">document.images.oImage.src="/1.jpg"
<li class="alt">同时在页面上建立一个<img>标签与之对应就可以显示
<li class="alt">
<li class="alt"><html>
<li class="alt"><img name=oImage>
<li class="alt"><script language="javascript">
<li class="alt"> var oImage
<li class="alt"> oImage = new Image()
<li class="alt"> document.images.oImage.src="/1.jpg"
<li class="alt"></script>
<li class="alt"></html>
<li class="alt">
<li class="alt">----------------------------------------------------------------------
<li class="alt">
<li class="alt">forms集合(页面中的表单)
<li class="alt">
<li class="alt">a)通过集合引用
<li class="alt">document.forms //对应页面上的<form>标签
<li class="alt">document.forms.length //对应页面上<form>标签的个数
<li class="alt">document.forms //第1个<form>标签
<li class="alt">document.forms //第i-1个<form>标签
<li class="alt">document.forms.length //第i-1个<form>中的控件数
<li class="alt">document.forms.elements //第i-1个<form>中第j-1个控件
<li class="alt">
<li class="alt">b)通过标签name属性直接引用
<li class="alt"><form name="Myform"><input name="myctrl"></form>
<li class="alt">document.Myform.myctrl //document.表单名.控件名
<li class="alt">
<li class="alt">-----------------------------------------------------------------------
<li class="alt"><html>
<li class="alt"><!--Text控件相关Script-->
<li class="alt"><form name="Myform">
<li class="alt"><input type="text" name="oText">
<li class="alt"><input type="password" name="oPswd">
<li class="alt"><form>
<li class="alt"><script language="javascript">
<li class="alt">//获取文本密码框的值
<li class="alt">document.write(document.Myform.oText.value)
<li class="alt">document.write(document.Myform.oPswd.value)
<li class="alt"></script>
<li class="alt"></html>
<li class="alt">-----------------------------------------------------------------------
<li class="alt"><html>
<li class="alt"><!--Select控件相关Script-->
<li class="alt"><form name="Myform">
<li class="alt"><select name="oSelect">
<li class="alt"><option value="1">1</option>
<li class="alt"><option value="2">2</option>
<li class="alt"><option value="3">3</option>
<li class="alt"><option value="4">4</option>
<li class="alt"><option value="7">sdf</option>
<li class="alt"></select>
<li class="alt"></form>
<li class="alt">
<li class="alt"><script language="javascript">
<li class="alt"> //遍历select控件的option项
<li class="alt"> var length
<li class="alt"> document.write(document.Myform.oSelect.length+"<BR>")
<li class="alt"> length=document.Myform.oSelect.length
<li class="alt"> for(i=0;i<length;i++)
<li class="alt"> document.write(document.Myform.oSelect.value+"<BR>")
<li class="alt"></script>
<li class="alt">
<li class="alt"><script language="javascript">
<li class="alt"> //遍历option项并且判断某个option是否被选中
<li class="alt"> for(i=0;i<document.Myform.oSelect.length;i++){
<li class="alt"> if(document.Myform.oSelect.selected!=true)
<li class="alt"> document.write(document.Myform.oSelect.value+"<BR>")
<li class="alt"> else
<li class="alt"> document.write("<font color=red>"+document.Myform.oSelect.value+"</font>"+"<BR>")
<li class="alt"> }
<li class="alt"></script>
<li class="alt">
<li class="alt"><script language="javascript">
<li class="alt"> //根据SelectedIndex打印出选中的option
<li class="alt"> //(0到document.Myform.oSelect.length-1)
<li class="alt"> i=document.Myform.oSelect.selectedIndex
<li class="alt"> document.write(i+"<B>"+"<BR>")
<li class="alt"> document.write(document.Myform.oSelect.value)
<li class="alt"></script>
<li class="alt">
<li class="alt"><script language="javascript">
<li class="alt"> //动态增加select控件的option项
<li class="alt"> var oOption = document.createElement("OPTION");
<li class="alt"> oOption.text="4";
<li class="alt"> oOption.value="4";
<li class="alt"> document.Myform.oSelect.add(oOption);
<li class="alt"></script>
<li class="alt"><html>
<li class="alt">-----------------------------------------------------------------------
<li class="alt"><Div id="oDiv">Text</Div>
<li class="alt">document.all.oDiv //引用图层oDiv
<li class="alt">document.all.oDiv.style
<li class="alt">document.all.oDiv.style.display="" //图层设置为可视
<li class="alt">document.all.oDiv.style.display="none" //图层设置为隐藏
<li class="alt">/*document.all表示document中所有对象的集合
<li class="alt">只有ie支持此属性，因此也用来判断浏览器的种类*/
页:
[1]