Question

我正在构建一个Winform Web浏览器。我有一个history.xml文件，用于存储浏览器的历史记录。我需要在浏览器窗口中显示它，以便用户可以单击网站的超链接并导航。我想使用JavaScript来解析XML文件并以表格形式显示内容。如何使用JS解析XML？我不确定在这种情况下使用什么。我已经有一个很好的HTML页面用CSS来显示历史记录。请指教。

我的XML文件看起来像这样。

<?xml version="1.0" encoding="utf-8"?>
<browsing>
  <history date="08/10/2012">
    <url>http://www.google.ca/</url>
    <time>12:52 AM</time>
  </history>
  <history date="08/10/2012">
    <url>http://www.facebook.com/</url>
    <time>12:53 AM</time>
  </history>
  <history date="08/10/2012">
    <url>http://ca.msn.com/</url>
    <time>9:51 PM</time>
  </history>
</browsing>

Answer 1

使用jQuery的$ .get（）。

$.get("history.xml", function(xml) {
  $(xml).find("history:nth(0)").find("url").val(); // returns http://www.google.ca/
  $(xml).find("history:nth(1)").getAttribute("date"); // returns 08/10/2012
}, "xml");

编辑：当我写这个答案时，你的帖子被编辑了。要以表格形式显示，使用XSLT可能更容易。它专为样式化XML而设计。

我应该使用JavaScript解析XML还是使用CSS来显示它

1 个答案: