Как я могу выполнить 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.Если вы импортируете этот скрипт, вы просто будете использовать эти функции в текущем DOM (в данном случае это страница расширения, а не вкладка).

Надеюсь, что это помогло!