如何在用户单击按钮时执行javascript

Question

我正在为Chrome创建扩展程序。我想在用户单击按钮时执行脚本。这是我目前在我的html文件中的代码

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

notEmpty()位于javascript（.js）文件中。如何在notEmpty()函数中执行另一个脚本？

Answer 1

我没有为chrome编写扩展名，但对于典型的javascript，您可以执行以下操作之一。

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

或

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

Answer 2

如果要使用位于其他文件中的函数，则需要导入这些文件：

<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中使用这些功能（在这种情况下是扩展页面，而不是选项卡）。

希望有所帮助！