HTML 檔案的 JavaScript

使用Html Script標籤

<SCRIPT>
  JavaScript程式碼
</SCRIPT>

在 Netscape 和 IE 中，JavaScript/JScript 是 <SCRIPT> 標籤的預設語言。

識別Script語言

使用不同的Script語言時, 可在<SCRIPT>標籤內, 加上參數 language 如下: 
<SCRIPT language="JavaScript">
  JavaScript程式碼
</SCRIPT>

<SCRIPT language="VBScript">
  VBScript程式碼
</SCRIPT>

參數 language 也可以識別Script語言的版本: 

<SCRIPT language="JavaScript1.2">
  JavaScript程式碼
</SCRIPT>

呼叫外部的Script

呼叫外部的Script時, 在<SCRIPT>標籤內, 加上參數 src 如下: 
<script src="hello.js"></script>

隱藏JavaScript程式碼

混合使用 HTML 及 JavaScript 的註解，可以避免不認得 JavaScript 的瀏覽器將 JavaScript 的原始碼呈現在網頁上。 例如： 
<SCRIPT language="JavaScript">
<!--
  JavaScript程式碼
//-->
</SCRIPT>

建立笫一個Script

寫一個"Hello World" script

<SCRIPT language="JavaScript">
<!--
    document.write("Hello JavaScript World!");
//-->
</SCRIPT>

程式中的 document 是一個物件，代表程式碼所在的文件，write 則是 document 的一個方法，可將一個字串印出於瀏覽器。

建立一個有Script的文件

如果Script要直接把文字寫入網頁中,則必須放在文件的BODY區域(即<BODY>和</BODY>的區域), 如
<HTML>
<BODY>
<SCRIPT language="JavaScript">
<!--
document.write("Hello World!");
//-->
</SCRIPT>
</BODY>
</HTML>
hello.htm

如果Script不需要直接把文字寫入網頁中,則通常放在文件的head區域。

外部的"Hello World" Script 檔案

假如要在數份網頁中使用"Hello World" script 時,可以先把這個 script 儲存在一個外部檔案。
建立一個JavaScript 檔案 hello.js, 其內容如下: 
document.write("Hello JavaScript World!");

建立Html檔案

假設有兩頁使用"Hello World" script, 如
  1. 笫一頁
    <HTML>
<BODY>
<SCRIPT language="JavaScript" src="hello.js">
<p>
<b>這是笫一頁。
</BODY>
</HTML>
    hello1.htm

  2. 笫二頁
    <HTML>
<BODY>
<SCRIPT language="JavaScript" src="hello.js">
<p>
<b>這是笫二頁。
</BODY>
</HTML>
    hello2.htm

JavaScript註解

單行註解用"//"起頭, 如 
    document.write("Hello JavaScript World!");	// 引號間的文字會在 browser 顯示

多行註解用一對"/*"和"*/"括起來, 如 


    /*
       這是多行註解的例子,
       引號間的文字會在 browser 顯示。
    */

    document.write("Hello JavaScript World!");