我在我的瀏覽器擴展程序按鈕如何從Chrome擴展中的html按鈕調用JavaScript函數？

<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和鉻api所以一些幫助將非常酷。

來源

2014-03-27 Tre B

上次我使用chrome擴展時，您無法做到這一點，因爲這是一個安全問題。希望這不再是這種情況。 –

@DanielWilliams那麼，如果你不能使用它們用於Javascript，那麼用什麼按鈕呢？ –

在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

[作出修改]

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

來源

2014-03-27 02:41:52 sshashank124

我在哪裏放$（'＃create'）。bind（'click'，some_function（））; –

在您的JavaScript文件中。真的。儘管它不是一個函數，@TreB，只是在外面 – sshashank124

什麼都沒發生，儘管它可能是我的javascript。這是連接到我的.js文件的正確的html代碼：我確保名字也是正確的。 –

如何從Chrome擴展中的html按鈕調用JavaScript函數？

回答

你的HTML文件

JavaScript文件中

[作出修改]

相關問題