Firefox插件：隐藏 <browser /> 在XUL叠加中？

Question

我正在尝试在Firefox插件中的叠加层（插件功能的一部分）中加载和操作隐藏的<browser />标记。 但是，我无法访问我从document添加到叠加层中的任何元素。

例如，这不起作用：

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="chrome://foxy_bucks/skin/overlay.css" type="text/css"?>
<!DOCTYPE overlay SYSTEM "chrome://foxy_bucks/locale/overlay.dtd">
<overlay id="foxy_bucks-overlay" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
    <browser id="bContainer" src="http://google.com/"></browser>
    <script type="text/javascript">
        window.addEventListener("load", function(){
            alert(document.bContainer.src);
        }, false);
    </script>
</overlay>

有人可以指出我正确的方向吗？

Answer 1

叠加层始终必须扩展现有元素。 如果您在覆盖层的顶层有一个标签，而该标签的ID在文档中尚不存在，则该元素将被忽略（ <script>标签是该规则中值得注意的例外）。 在您的情况下会发生这种情况，您要覆盖的文档中不存在ID bContainer ，因此您的<browser>标记将被忽略。 例如，此机制允许在同一叠加中包含Firefox和SeaMonkey Tools菜单的内容-此菜单在Firefox和SeaMonkey中具有不同的ID，因此在Firefox中，忽略SeaMonkey菜单的部分将被忽略，反之亦然。

如果要向文档中添加元素，则需要覆盖其根元素。 对于Firefox浏览器窗口，它将如下所示（请注意， main-window是根元素的ID）：

<overlay id="foxy_bucks-overlay" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
  <window id="main-window">
    <browser id="bContainer" src="http://google.com/"></browser>
  </window>
  ...
</overlay>

旁注：要通过元素ID访问元素，您需要使用document.getElementById() ：

alert(document.getElementById("bContainer").src);