How to use inline JavaScript inside HTML files?

Question

I would like to use JavaScript tags inside HTML files in Electron.

I know I can use code like this in main.js:

webPreferences: { preload: path.join(__dirname, "preload.js"), },

And then import this script in HTML files like this:

<script>alert("This works!")</script>

But why can't I just use JavaScript like this inside HTML files:

alert("Why won't this work?");

There is a default meta tag in HTML when I follow Electron's quick start guide: <meta http-equiv="X-Content-Security-Policy" content="default-src 'self'; script-src 'self'" />

And this I guess disables executing inline JavaScript.

So my question is, is it bad practice to use inline JavaScript like this in Electron? Should this be avoided?

"But why can't I just use JavaScript like this inside HTML files:" Do you mean without using <script></script> tags? — phuzi
– phuzi, Commented Apr 1, 2022 at 12:40
"And this I guess disables executing inline JavaScript." That's not correct. Your meta tag only disallows external script sources. If you are not able to use <script> tags, then there is probably a script that is parsing your code. — Reza Saadati
– Reza Saadati, Commented Apr 1, 2022 at 13:02
@RezaSaadati I thought that 'unsafe-inline' was required in the CSP to allow <script></script>. developer.mozilla.org/en-US/docs/Web/HTTP/Headers/… — phuzi
– phuzi, Commented Apr 1, 2022 at 13:06

A.J.Sarmah · Accepted Answer · 2022-04-01 13:02:11Z

1

yes you can use javascript inside HTML files by using the script tag .

<script>
     //code goes here
</script>

now coming to use of inline javascript its not a good practice if you are creating a project because then it will be hard to maintain if you start working with multiple files.

edited Apr 1, 2022 at 13:02

answered Apr 1, 2022 at 12:41

A.J.Sarmah

111 silver badge4 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Sky Daddy Over a year ago

Should this inline JavaScript be avoided in Electron?

phuzi Over a year ago

Best practice is to use separate files for your JavaScript but, as with most things, the decision is up to you.

A.J.Sarmah Over a year ago

Exactly as @phuzi mentioned its better to have separate JS files but if you are say using only one HTML file and want to add just a little bit of javascript its fine to use the script tag

Collectives™ on Stack Overflow

How to use inline JavaScript inside HTML files?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related