福林天下的专栏

专注于技术

用户操作

[留言] [发消息] [加为好友]

订阅我的博客

[编辑]jdlsfl的公告

If If you can keep your head when all about you Are losing theirs and blaming it on you; If you can trust yourself when all men doubt you, But make allowance for their doubting too; If you can wait and not be tired by waiting, Or, being lied about, don’t deal in lies, Or, being hated, don’t give way to hating, And yet don’t look too good, nor talk too wise; If you can dream - and not make dreams your master; If you can think - and not make thoughts your aim; If you can meet with triumph and disaster And treat those two impostors just the same; If you can bear to hear the truth you’ve spoken Twisted by knaves to make a trap for fools, Or watch the things you gave your life to broken, And stoop and build ’em up with 5)worn-out tools; If you can make one heap of all your winnings And risk it on one turn of pitch-and-toss, And lose, and start again at your beginnings And never breathe a word about your loss; If you can force your heart and nerve and sinew To serve your turn long after they are gone, And so hold on when there is nothing in you Except the Will which says to them: “Hold on !”; If you can talk with crowds and keep your virtue, Or walk with Kings - nor lose the common touch; If neither foes nor loving friends can hurt you; If all men count with you, but none too much; If you can fill the unforgiving minute With sixty seconds “worth of distance run”Yours is the Earth and everything that’s in it, And - which is more - you’ll be a Man !

[编辑]文章分类

[编辑]IT

csdn (RSS)

存档

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支持此属性，因此也用来判断浏览器的种类*/

发表于 @ 2008年07月02日　17:22:00 | 评论( loading... ) | 编辑| 举报| 收藏