Javascript onclick不适用于Chrome扩展?

Javascript onclick不适用于Chrome扩展?,javascript,html,google-chrome-extension,Javascript,Html,Google Chrome Extension,我正在尝试为谷歌浏览器创建一个扩展,而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">&

我正在尝试为谷歌浏览器创建一个扩展,而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>
最后是一个清单文件:

{
  "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:

HTML


单击按钮之前

请工作
试试这个:

JS:

HTML


单击按钮之前

请工作
试试这个:

JS:

HTML


单击按钮之前

请工作
试试这个:

JS:

HTML


单击按钮之前

请工作
唯一需要改变的想法是

document.getElementById('thing').onclick = myFunction();


第一个on执行函数,而不是为onclick事件设置要执行的函数。

需要更改的唯一想法是

document.getElementById('thing').onclick = myFunction();


第一个on执行函数,而不是为onclick事件设置要执行的函数。

需要更改的唯一想法是

document.getElementById('thing').onclick = myFunction();


第一个on执行函数,而不是为onclick事件设置要执行的函数。

需要更改的唯一想法是

document.getElementById('thing').onclick = myFunction();


第一个on执行函数,而不是将函数设置为针对onclick事件执行。

如果符合您的需要,您可以对答案进行投票并将问题设置为已回答。.如果符合您的需要,您可以对答案进行投票并将问题设置为已回答。.如果符合您的需要,你可以投票决定答案并将问题设置为已回答如果它符合你的需要,你可以投票决定答案并将问题设置为已回答。。
document.getElementById('thing').onclick = myFunction;