将 HTML 附加到 XUL(Firefox 扩展)

Appending HTML to XUL (Firefox extension)

我有这个从服务器获取 html 部分的 javascript。我能够在警报消息中返回 html，它是正确的代码。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

ajax: function(url){
var request = Components.classes["@mozilla.org/xmlextras/xmlhttprequest;1"]
.createInstance(Components.interfaces.nsIXMLHttpRequest);
request.onreadystatechange = function() {
if (request.readyState == 4) {
// only if"OK"
if (request.status == 200) {
var popup = document.getElementById("ajax"); // a <menupopup> element
var txt = request.responseText;
alert(txt);
popup.appendChild(txt);
} else {
alert("There was a problem retrieving the XML data:\
" +
request.statusText);
}
}
};
request.open("GET", url, true);
request.send(null);
}

服务器返回的xul/html:

1
2
3
4
5
6
7
8

<menuitem>
<html:h2><html:a href="http://google.com">Google</html:a></html:h2>
<html:p><html:table><html:tr><html:td>xxxx</html:td></html:tr></html:table></html:p>
</menuitem>
<menuitem>
<html:h2><html:a href="http://yahoo.com">Yahoo</html:a></html:h2>
<html:p><html:table><html:tr><html:td>yyyy</html:td></html:tr></html:table></html:p>
</menuitem>

我的xul页面：

...更多代码

1
2
3
4

现在，如果我将 html 直接附加到 id ajax 的菜单弹出窗口，它会按预期工作。当我使用 appendChild 附加它时，它没有。我知道我不能使用 appendChild 但在 XUL 中似乎没有与 innerHTML 等效的东西。我无法控制从服务器返回的 xul/html，因此我无法使用 DOM 方法添加内容并绕过 html。

我尝试使用 HTMLParser https://developer.mozilla.org/en/Code_snippets/HTML_to_DOM 将其转换为 DOM 对象，但这似乎不起作用，我相信因为它削减了 <menuitem> 标记。

任何想法如何将 HTML 附加到菜单弹出，以便我可以将它们显示为菜单项。

好的，我尝试了 iframe 方法：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

ajax: function(url){
var request = Components.classes["@mozilla.org/xmlextras/xmlhttprequest;1"]
.createInstance(Components.interfaces.nsIXMLHttpRequest);
request.onreadystatechange = function() {
if (request.readyState == 4) {
// only if"OK"
if (request.status == 200) {
var frame = document.getElementById("frame");
frame.setAttribute("src","data:text/html," + encodeURIComponent(request.responseText));
} else {
alert("There was a problem retrieving the XML data:\
" + request.statusText);
}
}
};
request.open("GET", url, true);
request.send(null);
}

与

1	<iframe id="frame" type="content" src="" />

这似乎不起作用。但是，如果我对 encodeURIComponent(request.responseText) 发出警报，它就会正确编码。甚至如果我像这样直接将它添加到 iframe 中：

1	<iframe type="content" src="data:text/html,%3Chtml%3E%0A%3Cbody%3E%0A%3Cp%3EHello%20everyone%3C%2Fp%3E%0A%09%3C%2Fbody%3E%0A%3C%2Fhtml%3E%0A%0A"/>

它不起作用，因为要显示 html，它需要在标签内，但 html 包含许多不同的项目，每个项目都应该在自己的标签中。简单地添加到 html 是行不通的。