如何从chrome扩展中的html按钮调用javascript函数？

Question

我的Chrome扩展程序中有一个按钮

<input type="submit" value="Refresh Page" title="Submit" style="width: 210px; height: 60px;"/> 

当我点击它时，我希望它在一个单独的javascript文件中调用此函数：

function click (0) {
    chrome.tabs.getSelected(null, function(tab) {
    var code = 'window.location.reload();';
    chrome.tabs.executeScript(tab.id, {code: code});
});}

我不知道代码是否包含在html文件或javascript文件中：/我是javascript和chrome api的新手，所以一些帮助真的很酷。

Answer 1

在Chrome扩展程序中，您不得拥有inline个脚本，因为它违反了他们的政策。相反，你必须按如下方式进行：

您的HTML文件

<button type="button" id="create">do something</button>

您的javascript文件

$('#create').bind('click', some_function());

function some_function() {
    ... //your on_click code here. What to do when button is clicked
}

rest of your javascript codes

[CHANGED]

$('#create').click(function do_something(){
    ... //your code here to refresh the page.
});