当前位置：文江博客话题详情

在xul中设置innerHTML

发布于 2024-11-29 06:31:19 字数 311 浏览 2 评论 0原文

我在 browser.xul 代码中，我正在尝试从 html 文件中获取数据并将其插入到我的 div 元素中。
我正在尝试使用 div.innerHTML 但出现异常：

组件返回失败代码：0x804e03f7 [nsIDOMNSHTMLElement.innerHTML]

我尝试使用 Components.interfaces.nsIScriptableUnescapeHTML 解析 HTML 并将解析后的 html 附加到我的 div 中，但我的问题是样式（属性和标签）和脚本未解析。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

青衫负雪 2024-12-06 06:31:19

首先警告：如果您的 HTML 数据来自网络，那么您正在尝试在您的扩展中构建安全漏洞。来自网络的 HTML 代码永远不应该被信任（即使来自您自己的网络服务器并通过 HTTPS），您应该真正使用 nsIScriptableUnescapeHTML。样式应该是您的扩展的一部分，使用网络上的样式并不安全。有关更多信息：https://developer.mozilla.org/En/Displaying_web_content_in_an_extension_without_security_issues

至于您的问题，这个错误代码是 NS_ERROR_HTMLPARSER_STOPPARSING 这似乎意味着解析错误。我猜想您正在尝试向其提供常规 HTML 代码而不是 XHTML（这将是 XML 兼容的）。无论哪种方式，解析 XHTML 代码的更好方法是 DOMParser，这将为您提供一个文档，然后您可以将其插入到正确的位置。

如果真正的目的是解析 HTML 代码（而不是 XHTML），那么您有两个选择。一种是使用元素并在其中显示数据。您可以从 HTML 数据生成 data: URL：

 frame.src = "data:text/html;charset=utf-8," + encodeURIComponent(htmlData);

如果您不想在框架中显示数据，您仍然需要一个加载了 HTML 文档的框架（可以隐藏）（可以是about:blank）。然后使用 Range.createContextualFragment() 进行解析你的 HTML 字符串：

var range = frame.contentDocument.createRange();
range.selectNode(frame.contentDocument.documentElement);
var fragment = range.createContextualFragment(htmlData);

First a warning: if your HTML data comes from the web then you are trying to build a security hole into your extension. HTML code from the web should never be trusted (even when coming from your own web server and via HTTPS) and you should really use nsIScriptableUnescapeHTML. Styles should be part of your extension, using styles from the web isn't safe. For more information: https://developer.mozilla.org/En/Displaying_web_content_in_an_extension_without_security_issues

As to your problem, this error code is NS_ERROR_HTMLPARSER_STOPPARSING which seems to mean a parsing error. I guess that you are trying to feed it regular HTML code rather than XHTML (which would be XML-compliant). Either way, a better way to parse XHTML code would be DOMParser, this gives you a document that you can then insert into the right place.

If the point is really to parse HTML code (not XHTML) then you have two options. One is using an <iframe> element and displaying your data there. You can generate a data: URL from your HTML data:

 frame.src = "data:text/html;charset=utf-8," + encodeURIComponent(htmlData);

If you don't want to display the data in a frame you will still need a frame (can be hidden) that has an HTML document loaded (can be about:blank). You then use Range.createContextualFragment() to parse your HTML string:

var range = frame.contentDocument.createRange();
range.selectNode(frame.contentDocument.documentElement);
var fragment = range.createContextualFragment(htmlData);

回复收藏 0 原文

七月上 2024-12-06 06:31:19

XML 文档没有 innerHTML，而 nsIScriptableUnescapeHTML 是解析 html 的一种方法，但它是为 HTML 可能不安全的情况而设计的；正如您所发现的，它会丢弃脚本节点（以及其他一些东西）。

然而，还有一些替代方案。您可以使用 responseXML 属性，尽管除非您接收 XHTML 内容，否则这可能不是最佳选择。

您还可以使用 iframe。这可能看起来很过时，但 iframe 的工作是获取 url（src 属性）并渲染它接收到的内容，这必然意味着解析它并构建 DOM。一般来说，当作为 chrome 运行的扩展执行此操作时，必须注意不要向远程内容授予相同的 chrome 权限。幸运的是，这很容易管理；只需将 type="content" 放在 iframe 上即可。然而，由于您希望将 DOM 批量导入到您的 XUL 文档中，因此您必须已经确保此远程内容始终是安全的。显然，您使用的是 HTTPS 连接，并且您非常小心地通过确保服务器发送正确的证书来验证服务器的身份。您还验证了服务器没有被黑客攻击并且没有传递恶意内容。