Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd
Upload
5 views

External Java Script

The document discusses creating external JavaScript files that can be included in HTML pages to allow code reusability. It provides an example of creating a .js file with a function and including that file in an HTML page to call the function. It then lists advantages like reusability and reduced page loading time, and disadvantages like additional HTTP requests and dependency issues.

Uploaded by

s71165271
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
5 views

External Java Script

The document discusses creating external JavaScript files that can be included in HTML pages to allow code reusability. It provides an example of creating a .js file with a function and including that file in an HTML page to call the function. It then lists advantages like reusability and reduced page loading time, and disadvantages like additional HTTP requests and dependency issues.

Uploaded by

s71165271
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

External JavaScript file

We can create external JavaScript file and embed it in many html


page.

It provides code re usability because single JavaScript file can


be used in several html pages.

An external JavaScript file must be saved by .js extension. It is


recommended to embed all JavaScript files into a single file. It
increases the speed of the webpage.

Let's create an external JavaScript file that prints Hello Javatpoint


in a alert dialog box.

message.js

function msg()
{
alert("Hello Javatpoint");
}

Let's include the JavaScript file into html page. It calls


the JavaScript function on button click.

index.html

<html>
<head>
<script type="text/javascript" src="message.js"></script>
</head>
<body>
<p>Welcome to JavaScript</p>
<form>
<input type="button" value="click" onclick="msg()"/>
</form>
</body>
</html>

Advantages of External JavaScript

There will be following benefits if a user creates an external


javascript:

1. It helps in the reusability of code in more than one HTML


file.
2. It allows easy code readability.
3. It is time-efficient as web browsers cache the external js
files, which further reduces the page loading time.
4. It enables both web designers and coders to work with html
and js files parallelly and separately, i.e., without facing any
code conflictions.
5. The length of the code reduces as only we need to specify
the location of the js file.

Disadvantages of External JavaScript

There are the following disadvantages of external files:

1. The stealer may download the coder's code using the url of
the js file.
2. If two js files are dependent on one another, then a failure
in one file may affect the execution of the other dependent
file.
3. The web browser needs to make an additional http request
to get the js code.
4. A tiny to a large change in the js code may cause
unexpected results in all its dependent files.
5. We need to check each file that depends on the commonly
created external javascript file.
6. If it is a few lines of code, then better to implement the
internal javascript code.

You might also like