Question

刚刚尝试创建我自己的chrome扩展，在线阅读了一些教程（HTML和JS的新手），并决定从基本的网页开启者开始。

清单加载正常，但目前点击弹出窗口中的“打开Windows”按钮无效？

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>Switch Popup</title>
<script type="text/javascript" src = "script.js"></script>
</head>

<body>
<h1>Open/Close</h1>
<input type=button value="Open Windows" onclick="open_win()">
</body>

</html>

这是单独的脚本文件

function open_win()
{
    var links = ['https://www.facebook.com', 'https://www.google.com'];

    for(var i = 0; i < links.length; i++)
    {
        chrome.tabs.create({url: links[i]});
    }
}

Answer 1

由于Content Security Policy，您无法使用onclick属性。相反，您需要使用addEventLinstener()来注册您的事件处理程序：

<强> HTML

<body>
<h1>Open/Close</h1>
<input id="btnOpenWindows" type="button" value="Open Windows">
</body>

<强>的JavaScript

function open_win()
{
    var links = ['https://www.facebook.com', 'https://www.google.com'];

    for(var i = 0; i < links.length; i++)
    {
        chrome.tabs.create({url: links[i]});
    }
}

var button = document.querySelector("#btnOpenWindows");
button.addEventListener("click", open_win);

单击该按钮是不是在调用该函数？

1 个答案: