JavaScript脚本语言的 document 对象

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值