javascript 基础篇4 window对象，DOM

在chrome有如下提示：

返回的句子出现在导航的上方，跟IE的效果一样(如果IE没有显示，点一下允许运行脚本就好了。)。如果是FF，则只出现上层的提示，跟我们写的那句话无关，尽管如此，我们还是要写，否则FF就没有提示了。

所以如果我们想要让它的确认框出现我们自己的东西，我尝试了许多次，发现FF无法做到用别的对话框代替它的默认框，所以我们只能默默的添加一个confirm，但是这样的话FF会有两次提示。IE和chrome都会在离开提示里输入函数的返回字符串，这一点还是不错的，以下是经过一楼的反馈后修改过的代码。

经过测试，这段代码在chrome .0..0中只显示一次提示，但在某些基于chrome的浏览器（如sunchrome）中会出现FF和chrome双重提示，我猜想是因为这些浏览器包含了其它内核，具体怎么回事就不太懂了。

总之，就全的那个联系吧~哎~那个方法一的意思是：如果在这里写了这个节点，那么IE运行的时候就会运行这个部分的代码，但是如果没有这个节点，那么这段代码在FF和chrome正常，但是在IE里，会出现两个提示都出现的情况，这是因为它既会执行window.confirm这句，也会返回chrome那句。

以下是上面代码在各浏览器的测试：

哈哈，怎么样，不错吧~好，接下在就是万众期待(其实只有LZ期待吧= =+)的DOM DOM的全称是document object model，怎么理解这个东西挺关键的，我看了不少定义，有的说它是个平台，有的说它是个接口，anyway，我打开了它的官方guide网站： 它对DOM的定义是： The Document Object Model is a platform- and language-neutral interface that will allow programs and scripts to dynamically access and update the content, structure and style of documents. The document can be further processed and the results of that processing can be incorporated back into the presented page. 我来简单翻译下好了：DOM是个平台/语言的中间接口，它可以允许程序和脚本动态的访问和更新内容、架构以及文件style。文件可以被进一步处理并将结果返回到显示页面。 其实这么说我看了也还是云里雾里，所以可以这么理解，DOM是个大家为了编程方便，传输速度快而统一起来的，基于树规范，它跟浏览器是没有关系的。DOM的基本思想就是树形结构，比如HTML文件，就是一个树形结构。DOM是没有跟任何语言绑定的，我们利用js可以对html dom进行动态的修改。 DOM有三个级别，可以分为:core Dom, XML DOM(*), HTML DOM三部分。中间那个是作为文档传输标准，使用很广泛的，但是这里就着重讲HTML DOM。 DOM把文档分为带有：元素、属性、文本 的树形结构，然后将这些作为结点来构造文档的树形结构，这样，就可以通过一个结点访问到所有的结点。 之前给出的那个网站（ 我打算先介绍节点类型，然后再对应到代码里。 节点类型介绍(复制来自 Node typeDescriptionChildrenValueConstantElementRepresents an elementElement, Text, Comment, ProcessingInstruction, CDATASection, EntityReference1ELEMENT_NODEAttrRepresents an attributeText, EntityReference2ATTRIBUTE_NODETextRepresents textual content in an element or attributeNone3TEXT_NODECDATASectionRepresents a CDATA section in a document (text that will NOT be parsed by a parser)None4CDATA_SECTION_NODEEntityReferenceRepresents an entity referenceElement, ProcessingInstruction, Comment, Text, CDATASection, EntityReference5ENTITY_REFERENCE_NODEEntityRepresents an entityElement, ProcessingInstruction, Comment, Text, CDATASection, EntityReference6ENTITY_NODEProcessingInstructionRepresents a processing instructionNone7PROCESSING_INSTRUCTION_NODECommentRepresents a commentNone8COMMENT_NODEDocumentRepresents the entire document (the root-node of the DOM tree)Element, ProcessingInstruction, Comment, DocumentType9DOCUMENT_NODEDocumentTypeProvides an interface to the entities defined for the documentNoneDOCUMENT_TYPE_NODEDocumentFragmentRepresents a "lightweight" Document object, which can hold a portion of a documentElement, ProcessingInstruction, Comment, Text, CDATASection, EntityReferenceDOCUMENT_FRAGMENT_NODENotationRepresents a notation declared in the DTDNoneNOTATION_NODE

好，大约知道了这些之后，我们用一个小的html文件来查看DOM的树形结构：HTML文本 树形结构解析 PS：理论上br不是个节点，但我不确定，希望知道的人告诉我下~。 1.文件始终是根节点，获得document节点可以直接使用document.documentElement或者document.body来获得。 2.script也是节点，凡是<>里面的，都是节点，包括注释。 3.节点的名字，也就是类似hear title这些，是节点的tagName。 对于一个从一个结点获取别的节点的方法，无非是向上，向下，或者平行三个方向，具体可以查看上面给出的网站中DOM Node对象的属性和方法，我就不一一列举了。（上面的很些东西在IE里是不可用的，具体要在测试后考虑如何使用。） 大概看了DOM中节点的各个方法后，我们做一个小的应用： 用户点击时，可以添加打开或者闭合子选项。 各浏览器测试无误。

当然，这个效果可以通过很多方法实现，这个只是为了学习如果通过DOM控制NODE。

补充一点：结点除了可以添加删除等外，还可以克隆，函数就是cloneNode，除了可以setAttribute外，也可以附件事件，比如这个结点有onclick之类的事件，可以使用addEvent这个函数来实现。具体我就不再写了，道理都是一样的~。

推荐整理分享javascript 基础篇4 window对象，DOM，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助，希望把文章链接给更多的朋友！

javascript 进阶篇1 正则表达式，cookie管理，userData 首先，什么事正则表达式呢，其实引入概念很多时候并不能帮我们明白它到底是什么，所以我先简单描述下，正则表达式，其实就是一个记录字符串规

javascript 进阶篇2 CSS XML学习 CSS全称是cascadingstylesheets，中文名字叫级联样式单，也叫层叠样式表。它的好处就是能让代码整齐，并且可以批量处理一些样式。基本语法：注释符：/**

javascript 进阶篇3 Ajax 、JSON、 Prototype介绍 Ajax这个词听了不少，但是其实并没有真的接触过，于是在这里稍微了解一下。Ajax技术的创新之处在于，改善了传统的请求-等待-响应-刷新-返回数据模