JavaScript高级程序设计-第三版(E4X)

JavaScript

  • 十九、E4X
    • 19.1 E4X的类型
      • 19.1.1 XML类型
      • 19.1.2 XMLList类型
      • 19.1.3 Namespace类型
      • 19.1.4 QName类型
    • 19.2 一般用法
      • 19.2.1 访问特性
      • 19.2.2 其他节点类型
      • 19.2.3 查询
      • 19.2.4 构建和操作XML
      • 19.2.5 解析和序列化
      • 19.2.6 命名空间
    • 19.3 其他变化
    • 19.4 全面启用E4X

十九、E4X

  • ECMAScript的可选拓展
  • ECMAScript for XML

19.1 E4X的类型

  • E4X定义的全局类型
    • XML
    • XMLList
    • Namespace 命名空间前缀与命名空间URI之间的映射
    • QName 由内部名称和命名空间URI组成的一个限定名

19.1.1 XML类型

  • 创建XML对象
    • 调用构造函数
      • 传入字符串
      • 传入DOM
    • XML字面量
var x=new XML("Nicholas Zakas"
+"");
var x = new XML(xmldom);
var employee = <employee position="Software Engineer">
					<name>Nicholas Zakas</name>
				</employee>;
  • 序列化
    • toXMLString()
      • 返回对象及所有子节点的XML字符串表示
    • toString()
      • 当为文本节点时返回文本,否则和toXMLString()返回内容相同

19.1.2 XMLList类型

  • 与XML类型区别较小,二者都有length()方法和由[0]引用的属性
  • 创建XMLList对象
    • 调用构造函数
      • 传入字符串
      • 操作符连接多个XML对象
        • +
        • <> …
    • XML字面量
var list=new XMLList("");
var list=<item/> + <item/>;
var list = <><item/><item/></>
//employees为xml对象,employees.employee为xmllist对象
var employees = <employees>
					<employee position="Software Engineer">
						<name>Nicholas Zakas</name>
					</employee>
					<employee position="Salesperson">
						<name>Jim Smith</name>
					</employee>
				</employees>;
  • 序列化结果相同
    • toXMLString()
    • toString()

19.1.3 Namespace类型

  • 创建Namespace对象
    • 构造函数
      • 传入命名空间或(前缀+命名空间)
  • 访问前缀、命名空间
    • prefix
    • uri
  • 创建xml对象时,如果其中包含命名空间,则会自动创建Namespace对象
  • 通过前缀名获取xml对象中的Namespace对象
    • namespace(prefix)
  • toString()
    • 返回命名空间URI
var wrox = new Namespace("wrox","http://www.wrox.com");
alert(wrox.prefix);
alert(wrox.uri);

var xml = <wrox:root xmlns:wrox="http://www.wrox.com/">
				<wrox:message>Hello World!</wrox:message>
			</wrox:root>;
var wrox = xml.namespace("wrox");

19.1.4 QName类型

  • 创建QName对象
    • 构造函数
      • 传入名称或(Namespace对象+名称)
  • 访问命名空间、名称
    • uri
    • localName
  • 创建xml对象时,如果其中包含命名空间,则会自动创建QName对象
  • 获取xml对象中的Namespace对象
    • name()
  • 设置XML对象限定名
    • setName(QName)
    • setLocalName(nameStr) 无命名空间信息
  • toString()
    • 返回uri::localName
var wrox = new Namespace("wrox","http://www.wrox.com");
var wroxMessage = new QName(wrox, "message");
alert(wroxMessage.uri);
alert(wroxMessage.localName);

var xml = <wrox:root xmlns:wrox="http://www.wrox.com/">
				<wrox:message>Hello World!</wrox:message>
			</wrox:root>;
var wroxRoot = xml.name();

19.2 一般用法

  • 访问子元素
    • 通过属性的方式访问
      • 每个子元素都是父元素的一个属性,属性名与元素内部名称相同
      • 多个元素具有相同的标签名,返回XMLList
      • 不确定内部名称或想访问所有子元素,可以使用星号(*)
    • 通过实例方法访问
      • child()接收属性名、索引值以及星号
      • children()始终返回所有子元素
      • element()与child()类似,但只返回XML对象
  • 删除子元素
    • delete + 子元素XML对象

19.2.1 访问特性

  • 访问子元素特性
    • 通过属性的方式访问
      • 每个特性元素都是元素的一个属性,属性名与特性名称相同
      • 为了与子元素的标签名区分,需要在访问特性前加@
    • 通过实例方法访问
      • child() 接收@ + 特性名称
      • attribute() 接收特性名称,不需要加@
        • 如果在XML对象上调用,则返回XML类型的特性
        • 如果在XMLList对象上调用,则返回XMLList类型的特性
      • attributes() 返回所有特性
var employees = <employees>
					<employee position="Software Engineer">
						<name>Nicholas Zakas</name>
					</employee>
					<employee position="Salesperson">
						<name>Jim Smith</name>
					</employee>
				</employees>;
var attrs1 = employees.employee[0].@position;

19.2.2 其他节点类型

  • 默认情况下,E4X不会解析注释或处理指令,这些部分不会出现在最终的对象层次中
  • 设置XML构造函数的属性,使解析器解析注释和处理指令
    • XML.ignoreComments = false
    • XML.ignoreProcessingInstructions = false
  • XML类型可以表示所有节点
    • nodeKind() 确定节点类型
      • “text”
      • “element”
      • “comment”
      • “processinginstruction”
      • “attribute”
  • attributes()
    • 返回XML对象的所有特性
  • comments()
    • 返回所有子注释节点
  • elements(tagName)
    • 返回所有子元素,可以提供标签名进行过滤
  • processingInstructions(name)
    • 返回所有处理指令,可以通过名称过滤
  • text()
    • 返回所有文本子节点
  • hasSimpleContent()
    • XML对象只包含文本节点则返回true
  • hasComplexContent()
    • XML对象包含任何非文本节点则返回true

19.2.3 查询

  • 访问后代元素或特性
    • 通过属性的方式访问
      • employee. .name
      • employee. .@position
    • 通过实例方法访问
      • descendants() 接收属性名、@+特性名
  • 指定查询条件
    • employees.employee.(@position == “Salesperson”)
      • 返回XMLList类型
      • 所有position特性值为“Salesperson”的元素
  • parent()
    • 返回XML对象的父元素
    • XMLList上调用,则返回XMLList列表中所有对象的公共父元素
    • 例如
      • var employees2 = employees.employee.parent()
      • 其中 employee2 等于 employees

19.2.4 构建和操作XML

  • 在XML字面量中插入javascript变量
var tagName = "color";
var color = "red";
var xml= <{tagName}>{color}</{tagName}>;
  • 使用javascript语法构建XML结构
var employees = <employees/>;
employees.employee.name = "Nicholas C. Zakas";
employees.employee.@position = "Software Engineer";

employees.employee + = <employee position="Salesperson">
							<name>Jim Smith</name>
						</employee>
  • DOM方法
    • appendChild(child)
    • copy()
    • insertChildAfter(refNode, child)
    • insertChildBefore(refNode, child)
    • prependChild(child)
    • replace(propertyName, value)
    • setChildren(children)

19.2.5 解析和序列化

  • E4X将解析和序列化数据的控制放在了XML构造函数的属性中
    • 解析相关,默认都为true
      • ignoreComments
      • ignoreProcessingInstructions
      • ignoreWhitespace 元素间空格
      • 影响对传入XML构造函数中的字符串以及XML字面量的解析
    • 序列化相关
      • prettyIndent 每次缩进的空格数量,默认为2
      • prettyPrinting
        • 是否应该以方便人类认读的方式输出XML,即每个元素重起一行,子元素缩进
        • 默认为true
      • 影响 toString() 和 toXMLString() 的输出
  • 访问以上设置
    • XML.settings()
  • 设置
    • XML.setSettings(settings)

19.2.6 命名空间

  • setNamespace()
var message = <messages>
					<message>Hello world!</message>
				</messages>
messages.setNamespace(new Namespace("wrox","http://www.wrox.com/"));
<wrox:messages xmlns:wrox="http://www.wrox.com/">
	<message>Hello world!message>
wrox:messages>
  • addNamespace() 只添加命名空间,不改变元素
<messages xmlns:wrox="http://www.wrox.com/">
	<message>Hello world!message>
messages>
  • removeNamespace(namespace)
    • 移除前缀和命名空间声明
  • namespaceDeclarations()
    • 给定节点上声明的所有命名空间数组
  • inScopeNamespace()
    • 给定节点作用域中(即自身和祖先元素中声明的)所有命名空间的数组
  • 查询给定namespace的元素
    • ::
var message = <messages>
					<message>Hello world!</message>
				</messages>
var wroxNs = new Namespace("wrox","http://www.wrox.com/");
var wroxMessages = message.wroxNs::message;
  • 设置某个作用域中所有XML对象的默认命名空间
//全局默认命名空间
default xml namespace = "http://www.wrox.com/";
function doSomething(){
	//函数作用域中的默认命名空间
	default xml namespace = new Namespace("your", "http://www.yourdomain.com");
}

19.3 其他变化

  • for-each-in
    • 非XML对象也可以使用
for each(var child in employees){
	//每个子节点,包括注释、处理指令和文本节点,不包括特性
	alert(child.toXMLString());
}
  • isXMLName()
    • 判断名称是否是有效的,符合命名规范
  • typeof
    • XML或XMLList对象返回"xml"
    • instance of 无法区分XML和XMLList

19.4 全面启用E4X

  • 浏览器默认只启用E4X中与javascript相安无事的特性
  • 完整启用E4X

你可能感兴趣的:(javascript)