Scribd
Upload
25 views

Javascript: Prepared by Ms Shafia

JavaScript is a programming language for use in HTML pages. a lightweight programming language ("scripting language").

Uploaded by

AYESHA FAYYAZ BS Computer Science
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
25 views

Javascript: Prepared by Ms Shafia

JavaScript is a programming language for use in HTML pages. a lightweight programming language ("scripting language").

Uploaded by

AYESHA FAYYAZ BS Computer Science
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 12

JavaScript

Prepared by Ms shafia
What is JavaScript?
• JavaScript is a programming language for use in HTML pages.
• a lightweight programming language ("scripting language").
• Invented in 1995 at Netscape Corporation (LiveScript)
• JavaScript has nothing to do with Java.
• JavaScript programs are run by an interpreter built into the user's
web browser (not on the server).
Client Side Scripting
Why use client-side programming?
Any server side programming language allows us to create dynamic
web pages. Why also use client-side scripting?
• client-side scripting (JavaScript) benefits:
• usability: can modify a page without having to post back to the server (faster
UI)
• efficiency: can make small, quick changes to page without waiting for server
• event-driven: can respond to user actions like clicks and key presses
Why use Server-side programming?
• server-side programming benefits:
• security: has access to server's private data; client can't see source code.
• compatibility: not subject to browser compatibility issues.
• power: can write files, open connections to servers, connect to databases, .
What can JavaScript Do?
• JavaScript can dynamically modify an HTML page.
• JavaScript can react to user input.
• JavaScript can validate user input.
• JavaScript can be used to create cookies (yum!).
• JavaScript is a full-featured programming language.
• JavaScript user interaction does not require any communication with the server.
• used to make web pages interactive.
• react to events (ex: user clicks on a button).
• get information about a user's computer (ex: browser type).
• perform calculations on user's computer (ex: form validation).
Pros and Cons of JavaScript
• Pros:
• Allows more dynamic HTML pages, even complete web applications.
• Cons:
• Requires a JavaScript-enabled browser.
• Requires a client who trusts the server enough to run the code the server
provides.
• JavaScript has some protection in place but can still cause security
problems for clients
• Remember JavaScript was invented in 1995 and we browsers have changed a
lot since then
Using JavaScript in your HTML
JavaScript can be inserted into documents by using the SCRIPT tag

<html>
<head>
<title>Hello World in JavaScript</title>
</head>
<body>
<script type="text/javascript">
document.write("Hello World!");
</script>
</body>
</html>
Save it with webpage.html
Where to Put your Scripts
• You can have any number of scripts

• Scripts can be placed in the HEAD or in the BODY


– In the HEAD, scripts are run before the page is displayed
– In the BODY, scripts are run as the page is displayed

• In the HEAD is the right place to define functions and variables that
are used by scripts within the BODY
Using JavaScript in your HTML
<html>
<head>
<title>Hello World in JavaScript</title>
<script type="text/javascript">
function helloWorld()
{
document.write("Hello World!");
}
</script>
</head>
<body>
<script type="text/javascript">
helloWorld();
</script>
</body>
</html>
External Scripts(Linking to a JavaScript file)
• Scripts can also be loaded from an external file.
• script tag should be placed in HTML page's head.
• script code is stored in a separate .js file.
• JS code can be placed directly in the HTML file's body or head (like CSS).
• This is useful if you have a complicated script or set of subroutines that
are used in several different documents.

<script src="myscript.js“ type=“text/javascript”></script>

You might also like