• XML基础知识


    1.XML基础
    2.XML语法
    3.XML DOM
    4.Javascript解析XML文档


    1.XML基础
    eXtensible Markup Language 可扩展标记语言
    XML是一种平台无关的用于携带和传送数据的方法。

    ~~~~xml主要是描述数据是什么,一般没有数据如何呈现的信息,有别于HTML,HTML可以说是xml的一种实现。(注:xhtml才是xml的一种实现)

    xml文档可以用IE 文本编辑器或者专门的XML编辑器浏览

    ~~~xml不同平台的数据交换,但不适合大批量数据的存储与处理(有别于数据库)

    多个xml文档的元素之间还可以定义主外键关系

    xml优点:
    ~~~通用性,可扩展性,自我描述性

    xml的用途
    ~~作为一种通用的数据格式,存储和交换数据;用作配置文件


    2.XML语法

    XML文档声明
    XML处理指令
    XML元素(元素 元素属性 元素内容)

    <?xml version="1.0" encoding="utf-8" ?>  <!--xml文档声明-->
    <?xml-stylesheet type="text/xsl" href="mystyle.xsl" ?><!--xml处理指令 可选-->
    <stu-roster> <!--xml元素-->
      <student>
        <id>A001</id>
        <name>dingdang</name>
      </student>
      <student>
         <id>A009</id>
         <name>kitty</name>
      <student>
    </stu-roster>

    ~~~XML文档声明 必须包含version属性,其他属性如下 顺序不能打乱。
    <?xml version="1.0" encoding="utf-8" standalone="yes" ?>

    XML处理指令
    为处理XML文档的应用程序提供提示信息
    XML解析器会把处理指令原封不动的传给处理程序,由处理应用程序按照指令的提示信息进行处理

    使用格式显示XML文档
    用CSS定义外观样式或者用XSL定义外观 Xml Stylesheet Language 后者功能更强大

    XML元素: 起始标识 结束标记 属性 内容
    <title>雾都孤儿</title>

    XML所有元素都必须有结束标记。

    标签名区分大小写,开始标签和结束标签要匹配

    元素内容:
    元素包含子元素
    元素直接包含内容
    元素没有任何内容  空标记

    根元素:没有嵌套在其他元素内的元素 最高层元素
    文档内所有元素都是根元素的子孙元素。
    根元素要有且仅有一个

    元素内容
    CDATA Character DATA 字符数据
    指定不想被解析程序解析的一片原始数据区。

    PCDATA Parsed Character DATA 由XML解析器解析的字符数据

    CDATA例子:
    <![CDATA[...anything can go here...]]>
    CDATA区内不能出现字符"]]>"
    可以在CDATA区内嵌入其他语言的代码,如javascript等。

    PCDATA区 PCDATA 需要被XML解析器解析的字符数据
    直接写在起始标记和结束标记之间的内容。

    字符转义
    有些特殊字符不能出现在PCDATA区内,需要用字符实体替代,如 < &等
    &lt <
    &gt >
    &amp & ampersand
    &apo ' apostrophe
    &quot "

    XML注释 同HTML <!-- comment -->

    xml文档声明必须是第一行代码,注释不能放在XML文档声明之前。

    3.XML DOM

    DOM 是所有浏览器都支持的一种标准,它定义了一组与浏览器和编程语言都无关的标准对象,利用这些对象模型可以方便地操作XML文档

    DOM是最为流行的XML文档访问方式。

    DOM的优缺点:一般使用DOM时,把所有XML文档信息都存放在内存,遍历容易,但是内存占用高,解析较慢

    DOM树形结构 XML文档的每个成分都看作是一个节点。

    节点类型:
    Document  根节点 9
    DocumentType  DTD引用的对象的表现形式 10
    Element 元素节点 1
    Attr 属性节点 2
    Text 文本节点 3
    CDataSection 字符数据节点 4
    Comment 注释节点 8

    DOM树形结构中,节点间的关系:parent child sibling

    4.javascript解析XML文档
    XML DOM的属性和方法
    javascript操纵XML DOM

    现在大多数的浏览器都支持XML

    IE和Mozilla的浏览器都通过javascript提供对XML的支持

    javascript处理XML文档的基础是DOM树形结构
    在javascript中有关于DOM的API,在这些API中定义了DOM的属性和方法。
    利用javascript中的DOM API可以实现对XML文档的访问、创建、删除,修改等操作。
    用javascript处理XML文档是ajax技术的核心

    javascript处理XML文档的工作原理:
    1.创建XML DOM对象
    2.载入XML文档的内容
    3.调用javascript关于XML DOM的属性和方法进行处理。

    创建XML DOM对象 IE和非IE浏览器创建方法不同
    IE用ActiveX插件中的 MSXML库实现对XML的支持
    var xmlDom=new ActiveXObject(aVersion);
    aVersion的取值可以是 Microsoft.XMLDOM
    MSXML2.DOMDocument
    MSXML2.DOMDocument3.0
    MSXML2.DOMDocument4.0
    MSXML2.DOMDocument5.0
    MSXML2.DOMDocument6.0

    如:
    var xmlDom=new ActiveXObject("MSXML2.DOMDocument6.0");

    IE支持2中载入XML文档的方法:load()和loadXML()
    var xmlDoc=xmlDom.load(url); //默认采用异步的方式载入XML文档数据

    //同步方式载入XML文档数据
    xmlDom.async=false;
    var xmlDoc=xmlDom.load(url);

    var xmlDoc=xmlDom.loadXML(sXml); //sXML为XML格式的字符串


    Firefox下获得XML DOM对象
    在Firefox浏览器中需要调用document.inplementation对象的createDocument()方法创建一个XML DOM对象。
    var xmlDom=document.inplementation.createDocument("","",null);

    Firefox浏览器只支持load()方法载入XML文档。
    var xmlDoc=xmlDOM.load("test.xml");

    获取XML DOM对象--跨浏览器兼容的方法,使用zXML库实现跨浏览器对XML的支持。

    var xmlDom=zXMLDom.createDocument();

    zXML支持2中方法载入XML文档,同IE. xmlDom.load(),xmlDom.loadXML();


    >>>>操作XML文档<<<<<
    节点的属性:
    nodeType
    nodeName
    nodeValue
    attributes  元素节点的属性

    节点导航
    firstChild
    lastChild
    childNodes
    previousSibling 前一个兄弟节点
    nextSibling 下一个兄弟节点

    documentElement 指向XML文档的根节点,只有Document对象有该属性。Document.documentElement
    owerDocument  指向这个节点所属文档。

    XML DOM的方法:
    创建节点:
    createElement(tagName)  创建标签名为tagName的元素。
    createTexNode(text)  创建文本节点
    createAttribute(attrname)  创建一个属性节点 属性未赋值

    createDocumentFragment() 创建文档碎片节点
    createProcessingInstruction(target,data);

    读取节点:
    getElementByTagName(tagname)  //返回标签名为tagname的nodelist
    getAttribute(attrname)  //获取当前节点中 属性名为attrname的属性值

    setAttribute(attrname,attrvalue) 设置属性节点的值
    setAttributeNode(attrNode) 某节点属性节点列表的尾部添加一个属性节点。

    添加删除节点的方法:
    appendChild(node);
    removeChild(node)
    replaceChild(newNode,oldNode)
    insertBefore(newNode,oldNode);

  • 相关阅读:
    vue 实现左侧分类列表,右侧文档列表
    C# string数组与list< string >的相互转换
    c# List<string>的用法
    类数组 数组
    事件
    js封装方法和浏览器内核
    dom
    try...catch es5
    data对象 定时器
    call apply 原型 原型链
  • 原文地址:https://www.cnblogs.com/stephenykk/p/3901592.html
Copyright © 2020-2023  润新知