2012-04-21 60 views
1

我從谷歌文檔的hello world應用程序開始寫一個Chrome擴展。 http://code.google.com/chrome/extensions/getstarted.html谷歌鉻擴展 - document.body在彈出js文件中爲空

我只是修改了popup.js是:

var span = document.createElement("span"); 
span.innerHTML = "<b>blah</b>"; 
alert(document.head); 
alert(document.body); 
document.body.appendChild(span); 

我預計這將在我的彈出顯示「嗒嗒」但我正在逐漸document.body的爲空。我對js和chrome很陌生,我試圖弄清楚這裏發生了什麼。我究竟做錯了什麼?

回答

0

當關閉腳本標記被包含時,直接評估相應的代碼。

由於background.js加載在頭部,因此<body>不存在(尚未)。因此,document.bodynull

+0

我也考慮過這個問題,但是它對Google的Hello World例子有什麼作用? http://code.google.com/chrome/extensions/examples/tutorials/getstarted/popup.js – grasaved 2012-04-21 21:20:16

+0

@grasaved該擴展初始化一個'XMLHttpRequest'。這**異步**從服務器獲取資源。由於請求是**異步**,因此它是非阻塞的。結果,頁面在AJAX請求期間繼續加載。當請求結束時,該函數被調用。此時已經創建了''。 – 2012-04-21 21:38:08

+0

明白了!感謝回覆。 – grasaved 2012-04-21 21:57:37