请教开发chrome扩展插件的脚本事件问题.

Z时代
2024-01-10
分类：IT

图片描述

为什么点击"开启按钮没反应啊?"我在这个按钮上加了click事件
代码:

{
  "manifest_version": 2,
  "name": "hello world",
  "description": ".....",
  "version": "1.0",
  "browser_action": {
      "default_title" : "hello",
   "default_icon": "smile.png",
   "default_popup": "popup.html"
  },
  "permissions": [
   "activeTab"
   ],
  "content_scripts" : [{  
         "matches": ["https://www.google.com/*"],   
         "js": ["js/jquery-1.10.2.min.js","js/test.js"],   
         "run_at": "document_start",  
         "all_frames": true   
    }] }

popup.html

<!doctype html>
<html>
  <head>
    <title>hello world</title>
    <script src="js/jquery-1.10.2.min.js"></script>
    <script src="popup.js"></script>
    <meta charset="utf-8" />
  </head>
  <body>
    <h1>Hello</h1>
    <button id="checkPage">开启</button>
  </body></html>

popup.js

window.onload = function(){
    document.getElementById("checkPage").onclick = function(){
        alert("44444")
    }
    $("#checkPage").on("click",function(){
        alert("2222")
    })
}

我加了两种事件点击开启按钮都没反应..
请问是哪里错了吗?