DocumentType类型

DOM-Text类型、Comment类型、CDATASection类型、DocumentType类型、DocumentFragment类型、Attr类型

Text类型文本节点由Text类型表示,包含的是可以照字面解释的纯文本内容.Text节点具有以下特征: nodeType的值为3 nodeName的值为"text" nodeValue的值为节点所包含的文本 parentNode的值为一个Element 没有子节点可以通过nodeValue属性或者data属性访问Text节点中所包含的文本.使用下列方法可以操作节点中的文本: appendData(text):将text添加到节点的末尾. deleteData(offset,coun…

并不常用 nodeType 10 nodeName doctype的名称 NodeValue 值为null parentNode Document 不支持子节点 DocumentType不能动态创建,只能通过解析文档代码的方式进行创建. 支持DocumentType的浏览器会把对象保存在document.doctype中并包含三个属性: name 文档的名称 entities 由文档类型描述的NamedNodeMap notations 由文档类型描述的符号的NamedNodeMap 因为浏览器…

从原型链看DOM－－Comment,CDATASection,DocumentType,DocumentFragment,Attr类型

这次总结的是剩下的这些DOM类型节点,可能你见过却不经常使用但是了解一下总是好的,可以加深对DOM体系的整体理解~.本篇要介绍的是Comment,CDATASection,DocumentType,DocumentFragment,Attr类型. Comment类型原型链继承关系为comment实例.__proto__->Comment.prototype->CharacterData.prototype->Node.prototype->EventTarget.prototyp…

从原型链看DOM－－Node类型

前言: 本系列从原型,原型链,属性类型等方面下手学习了DOM文档对象模型,旨在弄清我们在DOM中常用的每一个属性和方法都清楚它从哪里来要到哪里做什么事,这样对于理解代码有一定启发.全靠自己在总结中摸索,所以对于一个问题要是深究还真能挖出许多有意思的东西,现在觉得JavaScript这个东西简直越来越有意思了. 正文:DOM(文档对象模型)是针对HTML和XML文档的一个API(应用程序编程接口).DOM描绘了一个层次化的节点树,允许开发人员添加,移除,修改页面某一部分,现在它已成为表现和操作页面…

从原型链看DOM－－Document类型

JavaScript通过Document类型表示文档,原型链的继承关系为:document.__proto__->HTMLDocument.prototype->Document.prototype->Node.prototype->EventTarget.prototype Document节点具有下列特征:以下属性均为Node.prototype上的 nodeType值为9 nodeName值为"#document" nodeValue值为null pare…

10.1.5 Comment类型【JavaScript高级程序设计第三版】

注释在DOM中是通过Comment 类型来表示的.Comment 节点具有下列特征: nodeType 的值为8: nodeName 的值为"#comment": nodeValue 的值是注释的内容: parentNode 可能是Document 或Element: 不支持(没有)子节点. Comment 类型与Text 类型继承自相同的基类,因此它拥有除splitText()之外的所有字符串操作方法.与Text 类型相似,也可以通过nodeValue 或data 属性来取得注释的内…

javascript之DOM(四其他类型)

一.Text类型文本节点由Text类型表示,指的是可以以字面意思解释的纯文本内容,其中包含HTML代码. nodeType=3 nodeName=#text nodeValue=文本内容 parentNode是一个Element nodeValue属性和data属性作用一致,都可以访问文本节点的内容操作文本节点的内容: appendData(text);//将text添加到节点的末尾 deleteData(Offset,count);//从Offset位置开始删除count个字符 inser…

《Javascript高级程序设计第3版》精华总结

一.JavaScript简介 1.1 javascript简史 1.2 javascript实现 + javascript是一种专为网页交互而设计的一种脚本语言,javascript由三大部分组成: ECMAScript,提供核心语言功能: DOM,提供访问和操作网页页面的方法和接口: BOM,提供与浏览器交互的方法和接口. 1.3 javascript的版本二.在HTML中使用JavaScript 2.1 <script>元素 + 使用<script>元素向html页面中插…

javascript学习目录

类型系统 [1]基本数据类型 [2]引用类型中的对象Object [3]引用类型中的数组Array [4]引用类型中的时间Date [5]函数Function [6]正则表达式RegExp [7]包装类型(Boolean.Number.String) [8]单体内置对象(Global.Math) [9]4种类型识别的方法函数 [1]引用类型之函数Function() [2]函数表达式 [3]闭包 [4]函数中的私有变量和特权方法 [5]匿名函数模仿块级作用域 [6]函数自执行的错误与正确示范…

Js杂谈-DOM

前言对jQuery的依赖.导致js的原生方法的淡忘,如果是封装自己的库,那势必要用到js的许多原生方法.从Jquery强大的dom处理开始,我们开始回顾javascript那些古老而坚挺的DOM方法.先从0级DOM入手. 1 节点类型 nodeType name 1 element_node 2 attribute_node 3 text_node 4 cdata_section_node 5 entity_reference_node 6 entity_node 7 processing_i…

Chrome 监听 console 打开

这个算是 Chrome only 其他的我没测试,也不想测试.因为我的控制台脚本仅仅在 Chrome 下加载. 如果你需要全平台,那么这肯定不是你需要的结果. 需求其实我很早就想折腾这个了,但是,,因为懒,拖了很久,直到周末,我看到服务器上统计,发现流量翻了一倍,结果访问量还是一样的时候,我才下决心折腾. 知之为知之不知谷歌之一开始,谷歌一番,发现有两种思路. 第一个是 sindresorhus 大神写的 devtools-detect,算是全平台兼容(除IE),但独立窗口打开的时候是检测不…

js012-DO2和DOM3

js012-DO2和DOM3 本章内容: DOM2和DOM3的变化操作样式的ODM API DOM 遍历与范围 DOM2级核心:在一级核心基础上构建,为节点添加了更多方法和属性 DOM2级视图:为文档定义了基于样式信息的不同视图 DOM2级事件:说明了如何使用事件与DOM文档交互 DOM2级样式:定义如何以变成方式来访问和改变css样式信息 DOM2级HTML:在1级HTML基础上构建,添加更多属性.方法和新接口 12.1 DOM变化 12.1.1针对XML命名空间的变化 1.node类型的变…

JS010-DOM

JS010-DOM 本章内容: 1.理解包含不同层次节点的DOM 2.使用不同的节点类型 3.客服浏览器兼容性问题及各种陷阱 DOM(文档对象模型)是针对 HTML和xml文旦过得一个API(应用程序编程接口). 10.1 节点层次 DOM可以将HTML或XML文档描绘成一个由多层节点构成的结构.每个节点都拥有各自的特点.数据和方法.节点之间也存在着某种关系. <html> <head> <title>sample page</title> </hea…

DOM之节点层次

1.1 Node类型 DOM1级定义了一个Node接口,该接口将由DOM中的所有节点类型实现.这个Node接口在JS中是作为Node类型实现的:除了IE之外,其他浏览器可访问这个类型.JS中的所有节点类型都继承自Node类型.注意:不是所有节点类型都受到了Web浏览器的支持. 每个节点都有一个childNodes属性,其中保存着一个NodeList对象.NodeList是一种类数组对象,并不是Array的实例.它实际是基于DOM结构动态执行查询的结果.除了在IE8-中,可以使用Array.pro…

js-DOM，DOM扩展

DOM: 1. 了解节点的信息:nodeName(属性的标签名),nodeValue两个属性在取得信息之前要进行判断是不是节点,节点类型由12个数值常量进行表示 2.每个节点都有一个childNodes属性,其中保存着一个NodeList对象,它是一种类数据对象,用于保存一组有序的节点,可以通过位置来访问这些节点在访问NodeList中的节点,可以通过方括号,也可以通过item()方法: var firstChild=someNode.childNodes[0]; var firstChil…

JS魔法堂：doctype我们应该了解的基础知识

一.前言什么是doctype?其实我们一直使用,却很少停下来看清楚它到底是什么,对网页有什么作用.本篇将和大家一起探讨那个默默无闻的doctype吧! 二.什么是doctype doctype或DTD就是声明在文档首行,位于<html>前,用于告知浏览器该文档遵循那种级别的HTML或XHTML规范. 其声明格式如下: <!DOCTYPE① html② PUBLIC③ "公共标识符"④ "系统标识符"⑤ [<!ELEMENT name (#P…

《JavaScript高级程序设计》心得笔记-----第三篇章

第十章 1. DOM1级定义了一个Node接口,以Node类型实现(除IE以外),为了确保跨浏览器兼容,最好用nodeType属性与数字数值进行比较(someNode. nodeType==1),来检查节点的类型.检查节点类型,如果是一个元素,保存NodeName的值,对元素节点来说,NodeName保存的是元素的标签名,NodeValue的值始终为null. 2. 每个节点都有一个childNodes属性,其中保存着一个NodeList对象[类数组,有length属性[someNo…

JavaScript高级程序设计（第三版）学习，第一次总结

Array类型 var arr = []; arr.length; //返回数组元素个数改变length可以动态改变数组大小检测数组 instanceof可以检测某个对象是否是数组,限制:只能是一个网页或一个全局作用域 Array.isArray(arr); //最终确定某个值到底是不是数组,没有限制转换方法 arr.toString(); //返回由数组每个值的字符串形式拼接而成的以逗号分隔的字符串 arr.valueOf(); //与toString方法一致 arr.toLocalSt…

JavaScript高级程序设计（第三版）学习笔记11、12、17章

章, DOM扩展选择符 API Selector API Level1核心方法querySelector .querySelectorAll,兼容的浏览器可以使用 Document,Element 实例调用它们,支持浏览器:IE8+,Firefox3.5+,Safari3.1+,chrome,Opera10+ querySelector方法接收一个 CSS选择符,返回与该模式匹配的第一个元素通过 Document类型调用该函数,会在文档范围查找匹配元素,通过 Element类型调用该函数,…

JavaScript高级程序设计（第三版）学习笔记8、9、10章

第8章,BOM BOM的核心对象是window,具有双重角色,既是js访问浏览器的一个接口,又是ECMAScript规定的Global对象.因此,在全局作用域中声明的函数.变量都会变成window对象的属性和方法. 例: var age = 20; function sayAge(){ alert(this.age); } alert(window.age); window.sayAge(); 定义全局变量与在window对象上直接定义属性区别:全局变量不能通过delete操作符删除,而直接在w…

JavaScript高级程序设计31.pdf

其它方面的变化 DOM的其他部分在“DOM2级核心”中也发生了一些变化,这些变化与XML命名空间无关,而是确保API的可靠性及完整性 DocumentType类型的变化 DocumentType类型新增了3个属性:publicId.systemId和internalSubset 其中前两个属性表示的是文档类型声明中的两个信息段,这两个信息段在DOM1级中没有办法访问到 alert(document.doctype.publicId); //文档类型声明PUBLIC后的字符串 alert(docu…