使用js实现html加载xml内容(本地电脑使用)

使用js实现html加载xml内容(本地电脑使用),第1张

JS中有原生函数,支持解析xml字符串或者文件。

(new DOMParser()).parseFromString(xxxxx)

这个代码可以解析XML字符串,为对象

<html>

<body>

<script type="text/javascript">

try //Internet Explorer

  {

  xmlDoc=new ActiveXObject("Microsoft.XMLDOM")

  }

catch(e)

  {

  try //Firefox, Mozilla, Opera, Chrome, etc.

    {

    xmlDoc=document.implementation.createDocument("","",null)

    }

  catch(e) {alert(e.message)}

  }

try 

  {

  xmlDoc.async=false

  xmlDoc.load("books.xml")

  document.write("xmlDoc is loaded, ready for use")

  }

catch(e) {alert(e.message)}

</script>

</body>

</html>

上面这段代码可以解析一个XML文件。

具体的可参考下面教程,或者小乐阅读(Chrome浏览器中的RSS阅读器)中的源代码

http://www.w3school.com.cn/xmldom/dom_parser.asp

最近一直在学习xml相关的知识,为了知识的积累以及方便以后查阅,写了这篇关于xml的文章,同时也为正在学习xml标签的网友或者对xml知识感兴趣的,这篇文章不容错过。

首先我们需要了解的是xml是什么,它能做什么事情以及如何去学习它

xml全称 Extensiable markup language. 译为可扩展标记语言 可扩展也就是标签可以自定义

这也是和html的区别之一

在讲解xml知识之前我们先来做下对比xml与html到底有哪些区别

1.xml标签是自定义的,html标签是预定义

2.xml语法严格,html语法松散

3.xml存储数据,html展示数据

在软件开发中,我们可以使用xml来存储数据

储存方式有两种

1.存储文件

2.网络中传输

基本语法

1.xml文档的后缀名,.xml

2.xml的第一行必须定义文档申明 <?xml version=‘1.0’?>文档申明

3.xml文档有且仅有一个根标签

4.属性值必须用引号引起来’’或“”

5.标签必须正确关闭

6.xml标签名称区分大小写

1.格式<?xml属性列表?>

属性列表:

version:版本号

encoding:编码方式 告知解析引擎 当前文档使用的字符集 默认值ISO-8859-1

standalone :是否独立

取值:yes:不依赖其他文件 no:依赖其他文件

结合css来控制标签的样式<?xml-stylesheet type=“text/css” href=“xxx”?>

1.规则:

* 名称可以含字母、数字以及其他的字符

* 名称不能以数字或者标点符号开始

* 名称不能以字符 “xml”(或者 XML、Xml)开始

* 名称不能包含空格

id属性值唯一

cdata区格式:在该区域中的数据会被原样展示

格式<![CDATA[{

首先我们先来看下约束的解析图

作为框架的使用者(程序员)

1.能够在xml中引入约束文档

2.能够简单的读懂约束文档

DTD技术

Schema:一种比较复杂的约束

DTD:

引入dtd文档到xml文档中

内部的dtd:将约束规则定义在xml文档中

一种是外部的dtd:将约束的规则定义在外部的dtd文件中

1.本地:<!DOCTYPE 根标签名 SYSTEM “dtd文件的位置”>

2.网络:<!DOCTYPE 根标签名 PUBLIC “dtd文件名字” “dtd文件的位置URL”>

*** 作xml文档

1.解析(读取):将文档中的数据读取到内存中,

2.写入:将内存中的数据保存到xml文档中,持久化的存储

1.DOM:将标记语言文档一次性加载到内存,在内存中形成一颗DOM树

优点: *** 作方便,可以对文档进行CRUD的所有 *** 作

缺点:占内存

2.SAX:逐行读取,基于事件驱动的

优点:不占内存

缺点:只能读取,不能增删改

xml常见的解析器:

1.JASP:sun公司提供的解析器 支持dom和sax思想

2.DOM4J:一款非常优秀的解析器

3.jsoup:jsoup 是一款Java 的HTML解析器,可直接解析某个URL地址、HTML文本内容。它提供了一套非常省力的API,可通过DOM,CSS以及类似于jQuery的 *** 作方法来取出和 *** 作数据

4:PULL:android *** 作系统内置的解析器

快速入门:

步骤:

1.导入相关的jar包

2.获取document对象

3.获取对应的标签Element对象

4.获取数据

这里我以jsoup为例

对象的使用

1.jsoup:工具类,可以解析html或xml文档,返回document

parse:解析html或xml文档,返回document

parse(File in,String charset);解析html或xml文档的

parse(String html)解析html或xml字符串

parse(Url url, int timeoutMills)通过网络路径获取指定的html或xml的文档对象

2.Document:文档对象,代表文档中的dom树 获取Elements对象

getElementById(String id),根据id属性值获取唯一的element对象

getElementsByTag(String tagName)根据标签名称获取元素对象集合

getElementsByAttribute(String key) 根据属性名称获取元素对象集合

getElementsByAttributeValue(String key,String value)根据对应的属性名和属性值获取元素对象集合

3.Elements:元素Element对象的集合,可以当作ArrayList<Element>来使用

4.Element:元素对象

1.获取到它的子元素对象

5.Mode:节点对象

是document和element的父类

快速查询方式:

1.selector选择器

使用方法:Elements select(String cssQuery)

语法:参考Selector类中定义的语法

2.xpath: XPath 即为 XML 路径语言(XML Path Language),它是一种用来确定XML文档中某部分位置的语言。

语法

// 查询所有元素1标签

//元素1/元素2。查询所有元素1中的所有元素2

带有id属性的标签

//元素1/元素2[@id]

带有id属性值的标签元素1/元素2[@id=‘属性值’]

使用Jsoup的Xpath需要额外的导入jar包

查询w3c参考手册,使用xpath的语法完成


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6239265.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-18
下一篇 2023-03-18

发表评论

登录后才能评论

评论列表(0条)

保存