如何使用onclick事件在JavaScript中调用函数

时间:2019-04-03 04:28:05

标签: javascript google-chrome-extension onclick

我正在创建一个Google Chrome浏览器扩展程序,并且试图创建一个按钮,一旦单击该按钮,就会在新标签中打开一个随机存储的网站。我搜索了该网站,并尝试了所有尝试,但均无济于事。我敢肯定,这很简单,我很想念。

我知道随机网站功能本身就可以工作,因为我最初将它用作上下文菜单功能可以很好地工作。但是,既然我已经尝试将其设置为按钮,那么它似乎不起作用。

在randomSiteTestScript.js中:

var links = [multiple hhtp:// links]

document.getElementById("randomsite").addEventListener("click", openSite);

function openSite() {
    code that works
};

在popup.html中:

<p><button id="randomsite">Click for random site!</button></p>
<script src="randomSiteTestScript.js"></script>

单击按钮后,绝对不会发生任何事情。我没有收到任何错误,但没有任何反应。再一次,我知道openSite函数可以正常工作,因为自从上下文菜单功能转移以来,我什么都没做。我不相信该函数被调用。 预先感谢您的帮助!

1 个答案:

答案 0 :(得分:-1)

这里不需要事件监听器...只需使用内联onclick事件处理程序即可。

<button id="randomsite" onclick="openSite(links[Math.floor(Math.random()*links.length)]);">Click for random site!</button>

将URL传递到OpeSite(URL)并从那里处理打开。