javascript - onclick不适用于Chrome扩展程序吗？

我正在尝试为Google Chrome创建扩展程序，并且onclick方法似乎不起作用。我有一个html文件popup.html：

<!DOCTYPE html>
<html>
<body>
<p id="demo">Before clicking button</p>
<button type="button" id="thing">Pls work</button>
<script src="popup.js"></script>
</body>
</html>

和JavaScript文件popup.js：

var a =0;
function myFunction()
{
    a= a +1;
    document.getElementById('demo').textContent=a;
}
document.getElementById('thing').onclick = myFunction();

最后，一个清单文件：

{
  "name": "Hello World!",
  "version": "1.0",
  "manifest_version": 2,
  "description": "My first Chrome extension.",
  "browser_action": {
    "default_icon": "shark.png",
    "default_popup": "popup.html"
  }
}

当我将此扩展程序加载到Chrome上，然后点击该扩展程序时，它会显示一个扩展程序窗口，直接显示“ 1”，而不是“单击按钮之前”消息。然后，当我尝试单击该按钮时，什么也没发生-也就是说，文本保持为1，并且不会像应有的那样递增。

非常感谢！！

最佳答案

尝试这个：

JS：

 window.onload = function() {
    var a =0;
    function myFunction()
    {
        a= a +1;
        document.getElementById('demo').textContent=a;
    }
    document.getElementById('thing').onclick = myFunction;
}

的HTML

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="popup.js"></script>
</head>
<body>
<p id="demo">Before clicking button</p>
<button type="button" id="thing">Pls work</button>
</body>
</html>

关于javascript - onclick不适用于Chrome扩展程序吗？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22738056/