Prompt for dynamic binding of JS events on Chrome extension pages _ javascript tips

When developing chromeexpansion, when the page's popup.html requires js, writing JS directly to the dynamic binding JS event will prompt an error. Below is a good solution. You can refer to the Problem description below:

When developing chromeexpansion, when the page's popup.html needs JavaScript code, the following message is displayed when you directly write JavaScript code in dynamic binding js events:

Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self 'chrome-extension-resource :"..

Solution:

Reference external js files in popup.html to dynamically bind JS events. For example:

The Code is as follows: