- 1、本文档共8页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
深入解读JavaScript中BOM和DOM
BOM定义了JavaScript可以进行操作的浏览器的各个功能部件的接口,提供访问文档各个功能部件(如窗口本身、屏幕功能部件、浏览历史记录等)的途径以及操作方法。
遗憾的是,BOM只是JavaScript脚本实现的一部分,没有任何相关的标准,每种浏览器都有自己的BOM实现,这可以说是BOM的软肋所在通常情况下浏览器特定的JavaScript扩展都被看作BOM的一部分,主要包括:
◆关闭、移动浏览器及调整浏览器窗口大小; ◆弹出新的浏览器窗口; ◆提供浏览器详细信息的定位对象; ◆提供载入到浏览器窗口的文档详细信息的定位对象; ◆提供用户屏幕分辨率详细信息的屏幕对象; ◆提供对cookie的支持; ◆加入ActiveXObject类扩展BOM,通过JavaScript实例化ActiveX对象。
BOM有一些事实上的标准,如窗口对象、导航对象等,但每种浏览器都为这些对象定义或扩展了属性及方法。Document Object Model,这个就是标准了,由著名的w3c制定,目前最高的级别是level 3,不过3还没有彻底完成。
目前主流的浏览器都可以支持到(仅仅是支持到哦,并不是完全遵守的)level 2,对html,也就是html4.x,目前最高的是4.01,后来w3c向把html统一向xml靠拢,于是就有了xhtml1.0,再后来,w3c想搞一个xhtml2.0,结果进度缓慢,加之各大厂商又不看好,于是就有了html5.0
1、创建节点
createElement():? ?
var?a??=?document.createElement(“p”);??
它创建的是一个元素节点,所以nodeType等于1,a.nodeName将返回p。
注意;createElement()方法创建出来的新元素节点不会被自动添加到文档里,既然没添加到文档里,说明它还是一个游离的状态。所以它也没有nodeParent属性。如果想把它添加到文档里,可以使用 appendChild()或者insertBefore()方法或者replaceChild()方法。当然我们在前面的例子中,自己写了一个 insertAfter()方法,比如:
var?a??=?document.createElement(“p”);? ?
document.body.appendChild(a);??
注意: appendChild()默认是添加到文档的最后。也就是lastChild子节点。如果想添加到某个地方,可以使用insertBefore()。如果想在元素插入之前给元素添加属性。可以这么做:
var?a??=?document.createElement(“p”);? ?
a.setAttribute(“title”,”my?demo”);? ?
document.body.appendChild(a);? ?
createTextNode():? ?
var?b?=?document.createTextNode(“my?demo”);??
它创建的是一个文本节点,所以nodeType等于3 。b.nodeName 将返回 #text ; 跟createElement()一样,用createTextNode()创建的节点也不会自动添加到文档里。需要使用 appendChild()或者insertBefore()方法或者replaceChild()方法。它经常与createElement()配合使用,知道为什么吗?(一个元素节点,一个文本节点。)
var?mes?=?document.createTextNode(“hello?world”);? ?
var?container?=?document.createElement(“p”);? ?
container.appendChild(mes);? ?
document.body.appendChild(container);??
2、复制节点
cloneNode(boolean):
var?mes?=?document.createTextNode(hello?world);? ?
var?container?=?document.createElement(p);? ?
container.appendChild(mes);? ?
document.body.appendChild(container);? ?
var?newpara?=?container.cloneNode(true);//true和false的区别? ?
document.body.appendChild(newpara?);??
注意:?◆true的话:是paaaa/p克隆。◆
您可能关注的文档
- 消费社会中媒介与公共生活的互动.docx
- 消费致富-消费者也能成为资本家.doc
- 消防审查与水消防设计若干问题【新修改版】,总后薛英超.doc
- 消防系统设备设施操作及保养XZ改.doc
- 涉外技术许可合同(2009定稿)20110617160617247.doc
- 涉税通8226;企业版使用简明指南.doc
- 液体表面张力系数.doc
- 淄博市建筑工程质量监督档案(样表)20130220.doc
- 淘宝直通车提高质量得分速成方法.docx
- 淘宝装修之LOGO.doc
- 英语人教PEP版八年级(上册)Unit4+writing+写作.pptx
- 人美版美术四年级(上册)8 笔的世界 课件 (1).pptx
- 人美版美术七年级(上册)龙的制作.pptx
- 英语人教PEP版六年级(上册)Unit 2 第一课时.pptx
- 数学苏教版三年级(上册)3.3 长方形和正方形周长的计算 苏教版(共12张PPT).pptx
- 音乐人教版八年级(上册)青春舞曲 课件2.pptx
- 音乐人教版四年级(上册) 第一单元 音乐知识 附点四分音符|人教版.pptx
- 英语人教PEP版四年级(上册)Unit 6 Part B let's learn 1.pptx
- 道德与法治人教版二年级(上册)课件-3.11大家排好队部编版(共18张PPT).pptx
- 人美版美术七年级(上册)《黄山天下奇》课件1.pptx
文档评论(0)