Different ways to load JavaScript in HTML

Skip to main content

Hashnode Ali Calimli

Command Palette

Search for a command to run...

Different ways to load JavaScript in HTML

UpdatedMay 18, 2022

•1 min read•View as Markdown

I'm a frontend developer and i create web development content to help you out with your journey.

Comments (3)

Join the discussion

<a href="#">Nasyx Rakeeb</a>4y ago

<img src/onerror=alert(5) />

<a href="#">Nasyx Rakeeb</a>4y ago

<script>alert(5)</script>

<a href="#">Nasyx Rakeeb</a>4y ago

<h1>wow</h1>

1

More from this blog

Windows 10 Setting Hover Effect: A Step By Step Tutorial

Learn how to create this windows 10 settings hover effect that you can use in your website with HTML, CSS and JavaScript

Apr 30, 2023·3 min read

Windows 10 Setting Hover Effect: A Step By Step Tutorial

Cool Button Hover Effect: A Step By Step Tutorial using HTML, CSS and JavaScript

Learn how to make a hover effect that fills a button with color from bottom to top on hover, and fills out from bottom to top on hover out

Apr 27, 2023·3 min read

Cool Button Hover Effect: A Step By Step Tutorial using HTML, CSS and JavaScript

Windows 10 Calendar Hover Effect: A Step By Step Tutorial

Learn how to achieve this awesome windows 10 calendar like border hover effect that you can use in your website

Apr 25, 2023·3 min read

Windows 10 Calendar Hover Effect: A Step By Step Tutorial

Learn how to create this awesome border hover effect

In this blog you'll be able to learn how to achieve this awesome gradient border effect that circles in an element on hover

Apr 23, 2023·2 min read

Learn how to create this awesome border hover effect

A

Ali Calimli

5 posts

Regular Script Loading Inside of the head tag

Browser fetches and executes the script first before parsing the HTML body.
An error might occur here when you're manipulating the DOM because script is executed first and DOM doesn't exist yet.

Regular Script Loading at the end of the tag

The Script will be fetched and executed when the HTML is parsed completely.

Async Script Loading

Fetches the script asynchronously while the HTML is being parsed and immediately executes it when the script has been loaded completely.

Defer Script Loading

The script is being fetched asynchronously and will only be executed when the HTML is parsed completely.

#html5 #javascript

© 2026 Ali Calimli

Members
Archive
Privacy
Terms