Javascript 插入加载gif，直到firefox插件中我的面板中的inframe加载

我正在构建一个firefox插件。我希望在加载面板中的页面之前插入加载gif

下面是我的main.js文件的代码

var { ToggleButton } = require('sdk/ui/button/toggle');
var panels = require("sdk/panel");
var data = require("sdk/self").data;
var {Cc, Ci} = require('chrome');
  var button = require("sdk/ui/button/action").ActionButton({
  id: "my-button",
  label: "my button",
  icon: {
    "16": "./logo1.png",
    "32": "./logo1.png",
    "64": "./logo1.png"
  },
   onClick: handleChange
});



function handleChange(state) {

      var windowsService = Cc['@mozilla.org/appshell/window-mediator;1'].getService(Ci.nsIWindowMediator);

// window object representing the most recent (active) instance of Firefox
var currentWindow = windowsService.getMostRecentWindow('navigator:browser');

// most recent (active) browser object - that's the document frame inside the chrome
var browser = currentWindow.getBrowser();

// object containing all the data about an address displayed in the browser
var uri = browser.currentURI;
var title=browser.contentDocument.title

// textual representation of the actual full URL displayed in the browser
var ur = uri.spec;


var frame_url = someurl;
      var panel = panels.Panel({
width:650,
height:400,              
contentURL: frame_url,
contentScriptFile: data.url("preloading.js"),
contentScriptWhen:"start"
});
    panel.show({
      position: button
    });

}

这是我的preload.js文件

    document.addEventListener("DOMContentLoaded", function(event) {
        console.log("DOM fully loaded and parsed");
        });
   document.body.style.backgroundImage="url('loading.gif')";

当我使用这个JavaScript文件时，我得到一个错误，没有定义document.body。我尝试过不同版本的preload.js文件，但都失败了

---

当我的面板中的页面加载时，是否有办法添加加载gif。

嗯，嗯，有哪些行出现错误？：）我只能通过命令行看到错误。它像index\u size\u err=1，domstring\u size\u err=2 error\u document\u err=4，heirarchy\u request\u err=4等等，在问题正文中提供错误消息，并正确引用。我对preload.js文件做了一些更改，但现在我发现一个错误，document.body没有定义