Heim > Artikel > Web-Frontend > 超清晰的document对象详解_基础知识

超清晰的document对象详解_基础知识

WBOYOriginal: 2016-05-16 19:18:43758Durchsuche

document 文挡对象 - JavaScript脚本语言描述
---------------------------------------------------------------------
注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写
否则会提示你一个错误信息 "引用的元素为空或者不是对象"
---------------------------------------------------------------------

对象属性
document.title //设置文档标题等价于HTML的

标签 <br>document.bgColor //设置页面背景色 <br>document.fgColor //设置前景色(文本颜色) <br>document.linkColor //未点击过的链接颜色 <br>document.alinkColor //激活链接(焦点在此链接上)的颜色 <br>document.vlinkColor //已点击过的链接颜色 <br>document.URL //设置URL属性从而在同一窗口打开另一网页 <br>document.fileCreatedDate //文件建立日期，只读属性 <br>document.fileModifiedDate //文件修改日期，只读属性 <br>document.fileSize //文件大小，只读属性 <br>document.cookie //设置和读出cookie <br>document.charset //设置字符集简体中文:gb2312 <br>--------------------------------------------------------------------- <br>对象方法 <br>document.write() //动态向页面写入内容 <br>document.createElement(Tag) //创建一个html标签对象 <br>document.getElementById(ID) //获得指定ID值的对象 <br>document.getElementsByName(Name) //获得指定Name值的对象 <br>--------------------------------------------------------------------- <br><br>images集合(页面中的图象) <br><br>a)通过集合引用 <br>document.images //对应页面上的<img alt="超清晰的document对象详解_基础知识" >标签 <br>document.images.length //对应页面上<img alt="超清晰的document对象详解_基础知识" >标签的个数 <br>document.images[0] //第1个<img alt="超清晰的document对象详解_基础知识" >标签 <br>document.images[i] //第i-1个<img alt="超清晰的document对象详解_基础知识" >标签 <br><br>b)通过nane属性直接引用 <br><img alt="超清晰的document对象详解_基础知识" > <br>document.images.oImage //document.images.name属性 <br><br>c)引用图片的src属性 <br>document.images.oImage.src //document.images.name属性.src <br><br>d)创建一个图象 <br>var oImage <br>oImage = new Image() <br>document.images.oImage.src="/1.jpg" <br>同时在页面上建立一个<img alt="超清晰的document对象详解_基础知识" >标签与之对应就可以显示 <br><br> <br><img alt="超清晰的document对象详解_基础知识" > <br><script> <BR> var oImage <BR> oImage = new Image() <BR> document.images.oImage.src="/1.jpg" <BR></script> <br> <br><br>---------------------------------------------------------------------- <br><br>forms集合(页面中的表单) <br><br>a)通过集合引用 <br>document.forms //对应页面上的<form>标签 <br>document.forms.length //对应页面上</form> <form>标签的个数 <br>document.forms[0] //第1个</form> <form>标签 <br>document.forms[i] //第i-1个</form> <form>标签 <br>document.forms[i].length //第i-1个</form> <form>中的控件数 <br>document.forms[i].elements[j] //第i-1个</form> <form>中第j-1个控件 <br><br>b)通过标签name属性直接引用 <br> </form> <form><input></form> <br>document.Myform.myctrl //document.表单名.控件名 <br><br>----------------------------------------------------------------------- <br> <br> <br><form> <br><input> <br><input> <br> </form> <form> <br><script> <BR>//获取文本密码框的值 <BR>document.write(document.Myform.oText.value) <BR>document.write(document.Myform.oPswd.value) <BR></script> <br> <br>----------------------------------------------------------------------- <br> <br> <br> </form> <form> <br><select> <br><option>1</option> <br><option>2</option> <br><option>3</option> <br></select> <br> </form> <br><br><script> <BR> //遍历select控件的option项 <BR> var length <BR> length=document.Myform.oSelect.length <BR> for(i=0;i<length;i++) <BR> document.write(document.Myform.oSelect[i].value) <BR></script> <br><br><script> <BR> //遍历option项并且判断某个option是否被选中 <BR> for(i=0;i<document.Myform.oSelect.length;i++){ <BR> if(document.Myform.oSelect[i].selected!=true) <BR> document.write(document.Myform.oSelect[i].value) <BR> else <BR> document.write("<font color=red>"+document.Myform.oSelect[i].value+"") <BR> } <BR></script> <br><br><script> <BR> //根据SelectedIndex打印出选中的option <BR> //(0到document.Myform.oSelect.length-1) <BR> i=document.Myform.oSelect.selectedIndex <BR> document.write(document.Myform.oSelect[i].value) <BR></script> <br><br><script> <BR> //动态增加select控件的option项 <BR> var oOption = document.createElement("OPTION"); <BR> oOption.text="4"; <BR> oOption.value="4"; <BR> document.Myform.oSelect.add(oOption); <BR></script> <br> <br>----------------------------------------------------------------------- <br><div>Text</div> <br>document.all.oDiv //引用图层oDiv <br>document.all.oDiv.style <br>document.all.oDiv.style.display="" //图层设置为可视 <br>document.all.oDiv.style.display="none" //图层设置为隐藏 <br>/*document.all表示document中所有对象的集合 <br>只有ie支持此属性，因此也用来判断浏览器的种类*/ <br><br>

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：select选择事件问题_表单特效Nächster Artikel：JavaScript中void(0)的具体含义解释_基础知识

In Verbindung stehende Artikel

Mehr sehen