JavaScript Chrome 扩展 : Function is not defined

Question

我正在开发 facebook 脚本，禁止所有喜欢在群组中发帖的人。

我的代码

var links = document.getElementsByClassName("UFINoWrap");
var hrefAttr=[];
var profileID=[];
var elements = document.getElementsByClassName('UFILikeSentenceText');

var buttonID = 0;

function openBanList(id)
{   
    var linkString = "https://m.facebook.com/browse/likes/?id=";
    linkString+=profileID[id];
    var win = window.open(linkString);
}

for (var i = 0; i < elements.length; i++) 
{
    var buttonStringHTML = "      <button onclick=\"openBanList(id)\" id=\"";
    buttonStringHTML+=buttonID;
    buttonStringHTML+="\">Ban.</button>";
    buttonID++;
    elements[i].innerHTML+=buttonStringHTML;
}

for(var i=0; i<links.length; i++) 
{
    hrefAttr.push(links[i].getAttribute("href"));
    var begin = (hrefAttr[i].indexOf("&id") +4);
    profileID.push(hrefAttr[i].substring(begin, hrefAttr[i].length));
}

控制台显示未定义 openBanList。

Answer 1

页面和您的内容脚本是分开的。 内容脚本不会注入(inject)到页面中!相反，内容脚本会与页面一起运行。页面无法访问内容脚本，内容脚本只能访问页面的dom(和你的后台页面)。

当您通过 dom 添加 onclick 事件并单击它时，dom 会查找它可以访问的页面部分从未定义的函数。如果你想让它工作，你将不得不在你的每个按钮上运行它:

mybuttonelement.onclick=function(){openbanlistthing(this.id)}