javascript - 从 HTML 中动态加载和解析本地 HTML？

Question

有点不寻常的设置：

我正在编写一个 html 页面，该页面又加载另一个 html 页面，对其进行解析、分析并显示有关它的信息。

使用 jQuery 进行解析相当容易。我只需要弄清楚如何加载外部页面 - 即当页面A在浏览器中显示时，它需要加载页面B，分析页面B，并显示有关页面B的信息。

两个页面都是本地的（不通过 Web 服务器提供）。

jQuery都load遇到ajax了跨域权限问题：

XMLHttpRequest cannot load file://localhost/Users/me/test.html. Origin null is not allowed by Access-Control-Allow-Origin.

我可以用脚本标签加载页面，但是我不知道如何访问它，所以我可以解析它：

<script type="text/html" src="test.html"></script>

有任何想法吗？

Answer 1

您是否考虑过使用 JavaScript/jQuery 来创建 iframe？（您可以使用 CSS 使 iframe 对最终用户隐藏。）然后您可以侦听 iframe 的 onload 事件，并通过 iframe 的contentDocument元素解析它（我相信）。