外部のjavascriptファイルの関数呼び出しが動作しない（Google Chrome拡張機能）

Question

この質問は多くの質問がされていますが、質問に対する解決策はありませんでした。これはGoogle Chrome拡張機能用です私は頭と体と何も変更にhtmlタグを移動しようとしている

function buttonClicked() { 
    var uname = document.getElementById("uname").value; 
    alert("Extension activated. Enjoy!"); 
} 

：eventPage.jsで

<div style="text-align:center"> 
     <input type="button" onClick="buttonClicked()" value="Activate Extension"> 
    </div> 

    <script type="text\javascript" src="eventPage.js"></script> 

    </body> 

</html> 

：私はこのようなHTMLファイル内のJavaScript関数を呼び出すしています。すべての助けが大歓迎です。

Answer 1

ボタンの値に変数を与えているのは、この行のためですこれは、テキスト入力ボックスにテキストがある入力タイプ「テキスト」がある場合にのみ必要です。

あなたのコードは、次のとおりであり、うまくいきます。

<div style="text-align:center"> 
    <input type="button" onClick="buttonClicked()" value="Activate Extension"> 
</div> 

<script src="eventPage.js"></script> 

</body> 

ただ、JavaScriptから変数の行を削除してください。

function buttonClicked() { 
    alert("Extension activated. Enjoy!"); 
} 

Answer 2

タイプが動作するはずです変更します。そうでない場合は、外部参照パスが正しいか、すべてのjavascriptが利用可能かどうかを確認してください。

また、デベロッパーコンソールにエラーが表示されていないかどうかを確認してください。

いくつかのブレークポイントを追加して、その関数が呼び出されているかどうかを確認してください。