使用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);

标签：xul,firefox-addon,javascript
来源： https://codeday.me/bug/20191030/1968690.html