gpt4 book ai didi

javascript - onclick 不适用于 Chrome 扩展?

转载 作者:行者123 更新时间:2023-11-28 19:55:08 25 4
gpt4 key购买 nike

我正在尝试为 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();

最后是一个 list 文件:

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

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com