DOM参考手册

整理文档很辛苦,赏杯茶钱您下走!

免费阅读已结束,点击下载阅读编辑剩下 ...

阅读已结束,您可以下载文档离线阅读编辑

资源描述

-1-DOM参考手册Anchor对象Anchor对象代表一个HTML超链接。在HTML文档中a标签每出现一次,Anchor对象就会被创建。锚可用于创建到另一个文档的链接(通过href属性),或者创建文档内的书签。Anchor对象的属性属性描述:accessKey设置或返回访问一个链接的快捷键。charset设置或返回被链接资源的字符集。coords设置或返回逗号分隔列表,其中包含了图像映射中一个链接的坐标。href设置或返回被链接资源的URL。hreflang设置或返回被链接资源的语言代码。id设置或返回一个链接的id。innerHTML设置或返回一个链接的内容。name设置或返回一个链接的名称。rel设置或返回当前文档与目标URL之间的关系。rev设置或返回目标URL与之间当前文档的关系。shape设置或返回图像映射中某个链接的形状。tabIndex设置或返回某个链接的Tab键控制次序。target设置或返回在何处打开链接。type设置或返回被链接资源的MIME类型。标准属性:className设置或返回元素的class属性。dir设置或返回文本的方向。lang设置或返回元素的语言代码。title设置或返回元素的title。属性说明:1、accessKey属性可设置或返回访问一个链接的键盘按键。请使用Alt+accessKey为拥有指定快捷键的元素赋予焦点。语法:anchorObject.accessKey=accessKey实例:document.getElementById('w3').accessKey=w2、tabIndex属性可为链接设置或返回tab键控制次序。语法:anchorObject.tabIndex=tabIndex实例:下面的例子可更改三个链接的tab键控制次序:functionchangeTabIndex(){document.getElementById('1').tabIndex=3document.getElementById('2').tabIndex=2-2-document.getElementById('3').tabIndex=1}3、target属性可设置或返回在何处打开链接。语法:anchorObject.target=_blank|_parent|_self|_top四个保留的目标名称:_blank-在一个新的未命名的窗口载入文档_self-在相同的框架或窗口中载入目标文档_parent-把文档载入父窗口或包含了超链接引用的框架的框架集_top-把文档载入包含该超链接的窗口,取代任何当前正在窗口中显示的框架实例:document.getElementById('myAnchor').target=_blank;Anchor对象的方法方法描述:blur()把焦点从链接上移开focus()给链接应用焦点Body对象Body对象代表文档的主体(HTMLbody)。Body对象的属性属性描述:className设置或返回元素的class属性dir设置或返回文本的方向id设置或返回body的idlang设置或返回元素的语言代码title设置或返回元素的咨询性的标题Button对象Button对象代表一个按钮。在HTML文档中button标签每出现一次,Button对象就会被创建。Button对象的属性属性描述:accessKey设置或返回访问某个按钮的快捷键。alt设置或返回当浏览器无法显示按钮时供显示的替代文本。disabled设置或返回是否禁用按钮。form返回对包含按钮的表单的引用。id设置或返回按钮的id。name设置或返回按钮的名称。-3-tabIndex设置或返回按钮的Tab键控制次序。type返回按钮的表单类型。value设置或返回显示在按钮上的文本。属性说明:1、disabled属性可设置或返回是否禁用按钮。语法:buttonObject.disabled=true|false实例:document.getElementById(myButton).disabled=true2、form属性可返回对包含该按钮的表单的引用。如果包含该按钮,则返回一个form对象,如果未包含该按钮,则返回null。语法:buttonObject.form实例:下面的例子可返回该按钮所属的表单的id:pTheformcontainingthebuttonis:scripttype=text/javascriptx=document.getElementById('button1');document.write(x.form.id);/script/p3、type属性可返回表单元素的类型。对于一个Buttom对象,则永远是button类型。语法:buttonObject.type实例:alert(document.getElementById(myButton).type)Button对象的方法方法描述:blur()把焦点从元素上移开。click()在某个按钮上模拟一次鼠标单击。focus()为某个按钮赋予焦点。Checkbox对象Checkbox对象代表一个HTML表单中的一个选择框。在HTML文档中inputtype=checkbox每出现一次,Checkbox对象就会被创建。Checkbox对象的属性属性描述:accessKey设置或返回访问checkbox的快捷键。alt设置或返回当浏览器不支持checkbox时供显示的替代文本。checked设置或返回checkbox是否应被选中。defaultChecked返回checked属性的默认值。disabled设置或返回checkbox是否应被禁用。-4-form返回对包含checkbox的表单的引用。id设置或返回checkbox的id。name设置或返回checkbox的名称。tabIndex设置或返回checkbox的tab键控制次序。type返回checkbox的表单元素类型。value设置或返回checkbox的value属性的值Checkbox对象的方法方法描述:blur()从checkbox上移开焦点。click()模拟在checkbox中的一次鼠标点击。focus()为checkbox赋予焦点。Document对象Document对象代表整个HTML文档,可用来访问页面中的所有元素。Document对象是Window对象的一个部分,可通过window.document属性来访问。Document对象的集合集合说明:all[]提供对文档中所有HTML元素的访问。anchors[]返回对文档中所有Anchor对象的引用。applets[]返回对文档中所有Applet对象的引用。forms[]返回对文档中所有Form对象引用。images[]返回对文档中所有Image对象引用。links[]返回对文档中所有Area和Link对象引用。Document对象的属性属性描述:body提供对body元素的直接访问。对于定义了框架集的文档,该属性引用最外层的frameset。cookie设置或返回与当前文档有关的所有cookie。domain返回当前文档的域名。lastModified返回文档被最后修改的日期和时间。referrer返回载入当前文档的文档的URL。title返回当前文档的标题。URL返回当前文档的URL。Document对象的方法方法描述:close()关闭用document.open()方法打开的输出流,并显示选定的数据。-5-getElementById()返回对拥有指定id的第一个对象的引用。getElementsByName()返回带有指定名称的对象集合。getElementsByTagName()返回带有指定标签名的对象集合。open()打开一个流,以收集来自任何document.write()或document.writeln()方法的输出。write()向文档写HTML表达式或JavaScript代码。writeln()等同于write()方法,不同的是在每个表达式之后写一个换行符。方法说明:1、close():关闭一个由document.open方法打开的输出流,并显示选定的数据。语法:document.close()说明:该方法将关闭open()方法打开的文档流,并强制地显示出所有缓存的输出内容。如果您使用write()方法动态地输出一个文档,必须记住当你这么做的时候要调用close()方法,以确保所有文档内容都能显示。一旦调用了close(),就不应该再次调用write(),因为这会隐式地调用open()来擦除当前文档并开始一个新的文档。实例:htmlheadscripttype=text/javascriptfunctioncreateNewDoc(){varnewDoc=document.open(text/html,replace);vartxt=htmlbodyLearningabouttheDOMisFUN!/body/html;newDoc.write(txt);newDoc.close();}/script/headbodyinputtype=buttonvalue=Writetoanewdocumentonclick=createNewDoc()/body/html2、open():打开一个新文档,并擦除当前文档的内容。语法:document.open(mimetype,replace)参数描述:mimetype可选。规定正在写的文档的类型。默认值是text/html。replace可选。当此参数设置后,可引起新文档从父文档继承历史条目。说明:该方法将擦除当前HTML文档的内容,开始一个新的文档,新文档用write()方法或writeln()方法编写。调用open()方法打开一个新文档并且用write()方法设置文档内容后,必须记住用close方法关闭文档,并迫使其内容显示出来。属于被覆盖的文档的一部分的脚本或事件句柄不能调用该方法,因为脚本或事件句柄自身也会被覆盖。-6-3、getElementById():返回对拥有指定ID的第一个对象的引用。语法:document.getElementById(id)说明:getElementById()是一个重要的方法,在DOM程序设计中,它的使用非常常见。我们为您定义了一个工具函数,这样您就可以通过一个较短的名字来使用getElementById()方法了:functionid(x){if(typeofx==string)returndocument.getElementById(x);returnx;}这个函数接受元素ID作为它们的参数。对于每个这样的参数,您只要在使用前编写x=id(x)就可以了。4、getElementsByName():返回带有指定名称的对象的集合。语法:document.getElementsByName(name)说明:因为一个文档中的name属性可能不唯一(如HTML表单中的单选按钮通常具有相同的name属性),所有getElementsByName()方法返回的是元素的数组,而不是一个元素。5:getElementsByTagName():返回带有指定标签名的对象的集合。语法:document.getElementsByTagName(tagname)说明:传递给getElementsByTagName()方法的字符串可以不区分大小写。Link对象Link对象代表某个HTML的link元素。link元素可定义两个链接文档之间的关系。link元素被定义于HTML文档的head部分。Link对象的属性属性描述:charset设置或返回目标URL的字符编

1 / 22
下载文档,编辑使用

©2015-2020 m.777doc.com 三七文档.

备案号:鲁ICP备2024069028号-1 客服联系 QQ:2149211541

×
保存成功