按钮在自定义Chrome扩展程序中不起作用
[英]Button doesn't work in custom chrome extension
问题描述
我尝试制作一个可以显示日期的chrome扩展程序，并且一切正常，除了我尝试运行它时。 我单击了我编码的按钮，它不会显示我想要的内容。
码：
JS
function myFunction() { var d = new Date(); var weekday = new Array(7); weekday[0] = "Sunday"; weekday[1] = "Monday"; weekday[2] = "Tuesday"; weekday[3] = "Wednesday"; weekday[4] = "Thursday"; weekday[5] = "Friday"; weekday[6] = "Saturday"; var n = weekday[d.getDay()]; document.getElementById("checkday").innerHTML = n;
<!doctype html> <html> <head> <title>Day checker</title> <script src="popup.js"></script> </head> <body> <h1>Click to show day</h1> <button id="checkday">Check!</button> </body> </html>
JSON格式
{ "manifest_version": 2, "name": "What day is it", "description": "This extension will find the date", "version": "1.0", "browser_action": { "default_icon": "icon.png", "default_popup": "popup.html" }, "permissions": [ "activeTab" ] }
图片（19x19） http://i.stack.imgur.com/FM9wt.png
1 个解决方案
解决方案1
1 已采纳 2016-04-18 06:02:20
加载DOM内容后，必须动态链接该操作。 出于安全原因，静态链接的操作（例如onClick属性）不适用于Chrome扩展程序。
在您的js文件（popup.js）中，添加此
document.addEventListener('DOMContentLoaded', function(){
document.querySelector('#checkday').addEventListener('click', myFunction);
// anything else you want to initialize on the page
});
那应该使它起作用。
为什么此chrome扩展程序不起作用？
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.