Web Designing MCQs

How to Write JavaScript With HTML?


JavaScript is the most popular scripting language on the web to improve the design, validate forms, detect browsers, create cookies and many more client-side functionalities and works in all major browsers, such as Internet Explorer, Mozilla Firefox, Google Chrome, Netscape, Opera and many more. Javascript is a lightweight programming language consisting of lines of executable computer code and usually embedded directly into HTML pages.

To write JavaScript with HTML page, you have to use the <script> tag along with the type attribute to define the scripting language. So the <script type=”text/javascript”> and </script> tells where the javascript starts and end.

Different Ways to Write JavaScript with HTML

There are different ways to write JavaScript with HTML, which are as follows.

Read Also: How to create Changeable Date and Time Using JavaScript?

Scripts in the HEAD Section

When scripts are placed in the head section, they need to be executed when they are called, or when an event is triggered and it will ensure that the script is loaded before anyone uses it.

You can write <script> tag in the head section as follows.

<html><head><script>javascript codes are written here

Scripts in the BODY section

As in the head section, you can also place JavaScript codes in the body section using <script> tag and it will be executed when the page loads.

You can write <script> tag in the body section as follows.

<html><head></head><body><script>javascript codes are written here

Scripts in both the HEAD and BODY section

You can write <script> tag in both the head and body sections as follows.

javascript codes are written here
</script></head><body><script>javascript codes are written here

Read Also: How to Concatenate, Join and Sort Array in JavaScript?

Scripts Using an External JavaScript File

If you need to write some JavaScript code on several pages, you can write it on a separate external page with a .js file extension and can link it to the HTML file.

You can link the external JavaScript file to the HTML file as follows.

<html><head><script src="javascript.js"></script></head><body></body></html>

Read Next: How to Write Conditional Statements in JavaScript?

Shuseel Baral is a web programmer and the founder of InfoTechSite has over 8 years of experience in software development, internet, SEO, blogging and marketing digital products and services is passionate about exceeding your expectations.

Write A Comment