ユーザーがボタンをクリックしたときにjavascriptを実行する方法

Question

Chromeの拡張機能を作成しています。ユーザーがボタンをクリックしたときにスクリプトを実行したい。ここで

<input type="button" id ="button" onclick='notEmpty()' value="Play"/> 

notEmpty()のJavaScript（.jsファイル）ファイルである私は現在、私のhtmlファイルを持っているコードです。 notEmpty()関数で別のスクリプトを実行するにはどうすればよいですか？

Answer 1

あなたは別のファイルに配置されている機能を使用する場合は、それらのファイルをインポートする必要があります：

<script type="text/javascript" src="/path/to/script.js"></script> 

しかし、Google Chromeの拡張機能で、拡張ページからボタンをクリックしたときにスクリプトを実行する場合は、chrome.tabs.executeScriptの機能を使用できます。

// Run that script on the current tab. The first argument is the tab id. 
chrome.tabs.executeScript(null, {file: '/path/to/script.js'}); 

あなたのシナリオによって異なりますが、上記のように "executeScript"を実行すると、そのDOMにcontent scriptが挿入されます。そのスクリプトをインポートすると、現在のDOM（その場合はタブではなく拡張ページ）でこれらの機能を使用するだけです。

Answer 2

私はchromeの拡張子を書いていませんが、典型的なjavascriptでは次のいずれかを実行できます。

<script type="text\javascript"> 
    function notEmpty() 
    { 
     someOtherFunction(); 
    } 
</script> 

または

<input type="button" id ="button" onclick='notEmpty(); someOtherFunction();' value="Play"/>