0

所以,我正在尝试做一个基本的 Google Chrome Hello World 扩展。有人可以解释一下为什么下面的代码不起作用吗?谢谢。

popup.js:

document.getElementById("foobar").innerHTML = "Hello Chrome Extensions";

popup.html:

<!doctype html>
<html>
  <head>
    <title>Hello Chrome</title>
    <script src="popup.js"></script>
    <div id="foobar"></div>
  </head>
  <body>
  </body>
</html>

我正在关注http://developer.chrome.com/extensions/getstarted.html的“框架” 。

4

1 回答 1

1

可以通过两种方式解决:

  1. <script .. >交换和的顺序<div ..>
  2. 将代码包装在popup.jsdomready 事件中:

    document.addEventListener('DOMContentLoaded', function() {
        // Code here...
    });
    

您的代码失败,因为在<div>执行脚本时未知。

于 2013-03-10T18:06:31.970 回答