javascript - 使用 javascript 加载 XUL 资源

如何使用 javascript 加载 XUL 资源？我试图在 mdn 上搜索，但找不到任何示例。

这里的动机是我想在没有 id 属性的元素上创建一个叠加层。

例如说我有以下 xul 文件:

<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

<button label="Test button" oncommand="alert('Hello World!');"/>

</window>

我想使用 javascript 加载这个 xul 文件，捕获按钮并将其附加到另一个元素。

帮助将不胜感激。

最佳答案

您应该使用常规的 DOM API。

您仍然可以在可以覆盖的地方覆盖元素，然后在适当的地方对其进行 .appendChild()。

或者完全使用 DOM API 创建它，这可能是更好更快的方法:

// XUL namespace is implied in XUL overlay scripts.
var btn = document.createElement("button");
btn.setAttribute("label", "Test Button");
btn.addEventListener("command", function() { alert("Hello World!"); }, false);
someElement.appendChild(btn);

关于javascript - 使用 javascript 加载 XUL 资源，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18214945/