创建可多次处理onclick事件的Chrome扩展程序

时间:2019-03-02 19:02:55

标签: javascript google-chrome google-chrome-extension

我是chrome扩展程序的新手,但我想制作一个可以执行以下操作的chrome扩展程序:

  1. 读取用户输入的号码
  2. 按下go按钮后,它将循环运行n次,其中n =用户输入的数字。
  3. 在循环中,它应该传递一个onclick函数onclick="itmClick('clr$');",然后传递另一个函数onclick="QCSlideAction();"

我制作了manifest.json文件和popup.html文件,如下所示

manifest.json

{
  "manifest_version": 2,

  "name": "Cleartags",
  "description": "This extension clear tags",
  "version": "1.0",
  "author": "Prashant",
  "background": {
      "scripts": ["background.js"],
      "persistent": false
    },

  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
  },
  "permissions": [
    "activeTab",
    "storage"
  ]
}

popup.html

<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            min-width: 160px;
            overflow-x: hidden;
            font-family: Arial, sans-serif;
            font-size: 12px;
        }
        input, textarea {
            width: 160px;
        }
        input#save {
            font-weight: bold; width: auto;
        }
    </style>
    <script src="popup.js"></script>
</head>
<body>
    <form id="addbookmark">
        <p>
            <label for="title">Enter the no. of pages</label><br />
            <input type="text" id="title" name="title" size="10" value="" />
        </p>

        <p>
            <button id="clickme">Go!</button>
            <script type="text/javascript" src="popup.js"></script>
        </p>
    </form>
</body>
</html>

有人可以帮我完成下一部分。

谢谢

0 个答案:

没有答案