Programming Tutorials

(追記) (追記ここまで)

Introducing JavaScript.

By: aathishankaran in Javascript Tutorials on 2007年03月21日 [フレーム]

Netscape initially developed JavaScript under the name of LiveScript. This scripting language was intended to extend the capabilities of basic HTML and provide an alternative to using CGI scripts. After Java's popularity, Netscape followed the notation of Java - hence, the name change to JavaScript.

Features of JavaScript

JavaScript Is Embedded into HTML.
If you deal with JavaScript, there is hardly any separation of the two. JavaScript code is usually housed within HTML documents and executed within them.
JavaScript has no user interface; it relies on HTML to provide its means of interaction with the user.
JavaScript uses HTML as a means of jumping into the Web application framework.
It also extends the normal capabilities of HTML by providing events to HTML tags and allowing event-driven code to execute within it.

EXAMPLE for JavaScript embedded in an HTML file.

<html>
<head>
 <title>Status Bar</title>
 <script>
 window.defaultStatus = "Welcome to the large URL page.";
 function changeStatus() {
 window.status = "Click me to go to the home page.";
 }
 function changeDefaultStatus() {
 window.defaultStatus = document.statusForm.messageList.options[document.statusForm.messageList.selectedIndex].text;
 }
 </script>
</head>
<body>
 <p align="center">
 <font color="#008040">
 <font size="7"><strong>https://www.java-samples.com</strong></font>
 </font>
 </p>
 <p align="center">
 <a href="https://www.java-samples.com" onMouseOver="changeStatus();return true;">Go...</a>
 </p>
 <form name="statusForm" method="POST">
 <p>
 <br>
 <br>
 <br>
 <br>
 </p>
 <p align="center">
 <font size="1">
 To change the default status bar message, select a message from the list below and click the Change button.
 </font>
 </p>
 <p align="center">
 <select name="messageList" size="1">
 <option selected>Welcome to the large URL page.</option>
 <option>On route to Java Samples</option>
 <option>This page intentionally left (nearly) blank.</option>
 <option>An exciting example of changing status bar text.</option>
 </select>
 <input type="button" onClick="changeDefaultStatus();" value="Change">
 </p>
 </form>
</body>
</html>

Previous
<< Running JavaScript

Next
Overview of JavaScript Objects>>

(追記) (追記ここまで)