html显示本地xml文件内容

最新推荐文章于 2021-06-16 01:25:23 发布
最新推荐文章于 2021-06-16 01:25:23 发布
阅读量1k 收藏 1
点赞数
分类专栏： js&jquery xml html 文章标签： 移动开发 xhtml javascript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/trtra/article/details/84615557
版权
js&jquery 同时被 3 个专栏收录
12 篇文章 0 订阅
订阅专栏
xml
3 篇文章 0 订阅
订阅专栏
html
3 篇文章 0 订阅
订阅专栏

实现浏览本地xml文件，将文件内容全部显示在html的textarea中,但目前编码还是显示不出来

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml">
 <HEAD>
  <script type='text/javascript'>
    function showcurcity(){
     var url = document.getElementById("file1").value;
     if(url==null||url==''){
      alert("请先选择文件！");
     return;
     }
   var xmlDoc = null;
   if(window.ActiveXObject){
    xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
    xmlDoc.async="false"
    xmlDoc.load(url);
   }
   document.getElementById("datastr").value=xmlDoc.xml;
  }
  </script>
 </HEAD>

 <BODY>
 <input type="file" id="file1" /><br/>
 <textarea name="datastr" id="datastr" cols="45" rows="8"></textarea>
 <input type="button" value="显示xml" οnclick="showcurcity();"></button>
 </BODY>
</HTML>

当时参考的网址：http://blog.sina.com.cn/s/blog_5517d0cf0100kpch.html

1、检测当前浏览器支不支持XML DOM

<script type="text/javascript">
   function createXMLDOM()
   {
    var arrsignatures=["MSXML2.DOMDocument.5.0","MSXML2.DOMDocument.4.0","MSXML2.DOMDocument.3.0","MSXML2.DOMDocument","Microsoft.XmlDom"];
    for(var i=0;i<arrsignatures.length;i++)
    {
     try
     {
      var oXmlDom=new ActiveXObject(arrsignatures[i]);//匹配客户端版本。
      return oXmlDom;
     }
     catch(oError)
     {}
    }
    throw new Error("MSXML not installed on your system.");
   }
   var oXml=createXMLDOM();//创建一个XML DOM对象。
   alert(oXml);
  </script> 

2、载入XML

（1）oXml.load("XXX.xml");主要用于从服务器上载入XML文件，且该方法只能载入与包含JS的页面存储在同一服务器上的XML文件，而不能跨服务器载入文件。

（2）oXml.loadxml("<element></element>");用于直接向xml dom对象当中输入XML字符串。

<script type="text/javascript">

   var oXml=createXMLDOM();

   oXml.async=false;//以同步模式载入文件。

   oXml.load("xxx.xml");

   alert("root is :"+oXml.documentElement.tagName);

   alert("root has children number:"+oXml.documentElement.childNodes.length);

</script>

（3）常以异步的方式载入文件，用readyState来指定载入的状态，用onreadystatechange事件来响应结果。

readyState值：

0：DOM尚未初始化。

1：DOM正在读取消息。

2：DOM完成数据信息读取。

3：DOM部分可用。

4：DOM完全可用，即数据被完全载入。

<script type="text/javascript">

   var oXml=createXMLDOM();

      oXml.load("xxx.xml");

     if(oXml.readyState==4)

      {

           alert(oXml.readyState);

      }

</script>

或：

 

<script type="text/javascript">

   var oXml=createXMLDOM();

      oXml.load("xxx.xml");

      oXml.onreadystatechange=stateChange();

function stateChange()

{

   if(oXml.readyState==4)

      {

           alert(oXml.readyState);

      }

}

    

</script>

 3、读取XML

直接用oXML.xml就可以读取XML文件内容；

4、检测错误

直接使用parseError，会返回errorCode的值。只要errorCode!=0,则表示有错。

errorCode:表示所发生的错误类型的数字代号

filePos:错误发生在文件中的位置

line:遇到错误的行号

linePos:在遇到错误的那一行上的字符位置

reason:错误解释

srcText:造成错误的代码

url:造成错误的文件的URL

如：

<script type="text/javascript">

   var oXml=createXMLDOM();

      oXml.load("xxx.xml");

   if(oXml.parseerror!=0)

   {

      var oError=oXml.parseError;

      alert("error code:"+oError.errorCode+"Line:"+oError.line+"Line Pos:"+oError.linepos+"Reason:"+oError.reason);    

</script>

trtra
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JSP编程
qq_38955377的博客
12-24 1986
JSP编程一级目录二级目录三级目录 一级目录 二级目录 三级目录
打开自己程序下的html文件资源并显示的方法
酱油JohnCookie的Coding之路
02-10 363
在工作中碰到一个情况，要调用系统的浏览器去加载一个网页，而这个网页是放在程序路径下的 首先，如何去调用系统的浏览器 Uri uri = Uri.parse("file:///android_asset/help.html"); Intent intent = new Intent(Intent.ACTION_VIEW, uri); intent.setClassName("...
html代码 打开本地文件,打开本地HTML文件
weixin_40003780的博客
06-08 1191
我在布局中有一个textview(名为-t_c)，代码为： -android:id="@+id/GoToTCContacting"android:layout_width="360dp"android:layout_height="wrap_content"android:layout_marginLeft="2dp"android:layout_marginRight="2dp"android:...
html自动调用文件夹里的图片,Html读取本地文件夹下图片并显示的示例代码
weixin_39729272的博客
05-31 2221
ReadImageDemovar imgPosX = 0;var imgWidth = 256;function dealSelectFiles(){/// get select files.var selectFiles = document.getElementById("selectFiles").files;for(var file of selectFiles){console.log(...
Vb自动读取本地HTML,VB读取网页内容 方法汇总 - mystic的个人空间 - 51Testing软件测试网 51Testing软件测试网-软件测试人的精神家园...
weixin_39883705的博客
05-30 1456
工作需要！有个网页有很多的内容，要读取！ 首先网页上有很多标题，每个标题对应着相应的网页，要把这个相应的网页内容读出来，怎么做？不知说清楚没！举个例子吧！ 比如xxx.xxx.xxx.xx这是一个网页，这个网页里只显示标题，如： 1，xxxxxxx 2,xxxxx 3xxxx 4xxxx 有很多页，而每个标题又对应相应的网页，这个网页里的内容要把它读出来。要怎么做呢？谢谢！问题补充：...
jQuery读取XML文件内容的方法
12-10
本文实例讲述了jQuery读取XML文件内容的方法。分享给大家供大家参考。具体实现方法如下： 代码如下:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...
Android编程实现使用webView打开本地html文件的方法
08-31
在Android应用开发中，WebView是一个非常重要的组件，它允许开发者在应用程序内嵌入网页内容，显示HTML、CSS和JavaScript等Web资源。这篇教程将详细讲解如何在Android中使用WebView来打开本地存储的HTML文件。 首先...
php获取本地图片文件并生成xml文件输出具体思路
12-18
在PHP中，获取本地图片文件并生成XML文件输出是一个常见的任务，这通常涉及到文件系统操作、文件遍历、以及XML处理。以下是对标题和描述中所述知识点的详细说明： 1. **文件系统操作**： - `opendir()`：这是PHP中...
webview加载本地的html文件
12-24
WebView是Android SDK提供的一种控件，它能够加载并显示网页内容，包括HTML、CSS、JavaScript等。在AndroidManifest.xml文件中，我们需要添加Internet权限，以确保WebView能够访问网络资源。此外，如果要加载本地...
C# 在HTML页面中使用XML文件
02-20
我们可以使用`Load`方法加载本地或网络上的XML文件。 - **解析XML**：`XmlNode`和`XElement`对象可用于遍历XML树，提取所需信息。例如，使用`SelectNodes`或`Descendants`方法找到特定元素，`InnerText`或`Value`...
xml数据如何用html展示,在 HTML中显示XML数据的策略
weixin_39646725的博客
06-04 2214
摘要：HTML 是目前常用的网页标识语言，而 XML 的优点在于能有效地存贮各种形式的数据，它克服了 HTML 表达能力差的缺点。本文对在一个 HTML 文档中插入 XML 数据，并在 IE5 浏览器中显示的两种常见的策略(数据绑定、 DOM )进行了深入的探讨。关键词： HTML XML DOM DSO数据绑定XML 的全名是 eXtenxible Markup Language (可以延伸或扩...
用html显示xml中的数据
huazaichang的专栏
01-29 454
一、html解析简单xml 1.将下面文件存为myfile.dtd <!ELEMENT myfile (title, author)> <!ELEMENT author (#PCDATA)> （dtd可以省略） 2.然后建立XML文档myfile.xml: <?xml version="1.0" encoding="GB2312"?> <!DOCTYPE myfile SYSTEM "myfil
xml数据在html页面显示,在HTML中显示XML数据【兼容IE、Firefxo、Opera】
weixin_29083373的博客
06-09 1344
XML确实是个好东西，尤其是现在大部分网站都是生成HTML静态页面的，但是有一些数据是需要动态改变的，频繁更新HTML不是个好办法，这个时候XML就大显身手了，只需要把经常变动的内容保存成XML，在HTML页面上调用就可以，需要时只要更新下XML，不过在HTML中调用XML数据还是有点不怎么容易，数据岛适合大量数据的显示，但是只支持IE，下面这段小代码可以兼容大部分浏览器【附件里面有全部文件】：这...
html显示xml内容
weixin_30378311的博客
09-13 619
参考： https://www.cnblogs.com/apache-x/p/5435459.html 方法： “<”用&lt;表示 “>”用&gt;表示 “"”用&quot;表示 == .Replace("<","&lt;").Replace(">","&gt;").Replace("\"","&quot;...
html实现打开服务器指定文件,如何在HTML5加载时从服务器打开特定的csv文件
weixin_39629269的博客
06-16 560
我是一个关于任何一种开发的完全noob，经过大量的在线搜索，我意识到即使我找到了我的问题的答案，我可能不会承认它。所以我有0个编码技能，在工作中我必须从三星演示数字标牌解决方案，基本上这些显示器可以从局域网输出信息，而且它还具有与HTML5兼容的网页浏览器。如何在HTML5加载时从服务器打开特定的csv文件对于此演示，我必须展示如何在生产环境中使用这样的显示并接收从服务器显示的信息。我设法安装了A...
HTML基础
qq_44069391的博客
06-01 333
一、浏览器 　　浏览器是指可以显示网页服务器或者文件系统的HTML文件（标准通用标记语言的一个应用）内容，并让用户与这些文件交互的一种软件 1，浏览器种类 　　主流浏览器：Chrome，Firefox，Safari，Opera 老师经常说的，不用Chrome浏览器，都不好意思说是程序员 2，浏览器内核 　　内核：可大概为“渲染引擎”，不过我们一般习惯将之称为‘浏览器内核’。负责对网页语法的解释（如标准通用标记语言下的一个应用HTML、JavaScript），并渲染网页 内核分类： Trident：IE，猎豹
WEB页面显示XML文档内容
XCMercy
05-30 5810
存在问题 XML文档中内容都是自定义标签，浏览器会把自定义标签解析，最终显示的只有自定义标签中的内容。而我们需要显示整个XML文档中的内容，包括自定义标签。 解决方案 浏览器解析自定义标签的原因是：XML文档中自定义标签结构与HTML标签结构相同，都是 &lt; 开头，&gt;结尾的。为了让浏览器不解析自定义标签，同时还需要显示自定义标签的&lt; 和 &gt;，我们需要把 &lt; 和 &...
在html中引用XML
Sammy Lan-Promises Don't Come Easy!
05-09 1863
在html中引用XML:1.  内联XML包含在和标记之内2.  html中的标记使用datasrc属性引用内联xml3.  使用 datafld属性引用xml中的某一列,或者引用$Text文本数据域来现实引用所有列First.html:          1/1/99      9:00      104           
html读取本地xml文件结点数据并输出修改
最新发布
05-25
可以使用 JavaScript 和 DOM API 来读取本地的 XML 文件，并输出修改。以下是一些示例代码： 1. 读取本地 XML 文件： ```javascript let xmlDoc = new DOMParser().parseFromString(xmlString, "text/xml"); ``` 其中，`xmlString` 是 XML 文件的字符串内容。 2. 获取 XML 结点： ```javascript let node = xmlDoc.getElementsByTagName("nodeName")[0]; ``` 其中，`nodeName` 是 XML 结点的名称。 3. 修改结点内容： ```javascript node.textContent = "new content"; ``` 4. 输出修改后的 XML 内容： ```javascript let xmlStringNew = new XMLSerializer().serializeToString(xmlDoc); console.log(xmlStringNew); ``` 完整的示例代码如下： ```html <!DOCTYPE html> <html> <head> <title>Read and modify local XML file</title> <meta charset="utf-8"> <script type="text/javascript"> function readXMLFile() { let xmlString = ` <?xml version="1.0" encoding="UTF-8"?> <root> <item> <name>Item 1</name> <price>10.00</price> </item> <item> <name>Item 2</name> <price>20.00</price> </item> </root> `; let xmlDoc = new DOMParser().parseFromString(xmlString, "text/xml"); let node = xmlDoc.getElementsByTagName("name")[0]; node.textContent = "New Item Name"; let xmlStringNew = new XMLSerializer().serializeToString(xmlDoc); console.log(xmlStringNew); } </script> </head> <body> <button onclick="readXMLFile()">Read and Modify XML File</button> </body> </html> ``` 注意，在浏览器中读取本地 XML 文件需要使用 `FileReader` 对象，这里的示例代码只是展示了读取和修改 XML 结点的基本方法。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值