電腦於物理治療運用 >> JavaScript 程式簡介 >> 文件的編輯 | 變數的運用 | 視窗的變化 | 滑鼠的控制 |
功能函數 | 條件函數 | 迴圈的使用 | JavaScript 製作特效 | JavaScript 程式除錯 |

JavaScript 程式簡介

基本認識
  • 認識名詞
  • 撰寫 JavaScript 程式的方法
  • JavaScript 程式的基本語法
  • JavaScript 程式內的命名法則
    		• JavaScript 語法
  • 文件的編輯
  • 變數的運用
  • 視窗的變化
  • 滑鼠的控制
  • 功能函數
  • 條件函數
  • 迴圈的使用
  • JavaScript 製作特效
  • JavaScript 程式除錯

    • 認識名詞

    　

    JavaScript 描述語言

    JavaScript 描述語言是一種網頁描述語言 (script language)，其前身為 LiveScript，是 NetScape Communications 公司開發出來的網路描述程式語言，不同於由 Sun Microsystems 公司的 Java 程式語言。兩家公司後來共同開發的語言，就叫 JavaScript。

    JavaScript Java
    研發公司 Sun Microsystems NetScape Communications 與 Sun Microsystems 共同研發
    語言獨立性 需內嵌在 HTML 之中 獨立的程式語言
    功能 可增加網頁的功能 可用來撰寫成網際網路的應用程式

    JavaScript 通常建構在 HTML 文件之中，多以 <script language=javascript> </script> 與 HTML 標記區隔；但不是所有的 JavaScript 語言都一定要有 <script> </script>。由於所有的 JavaScript 程式都是在用戶端電腦執行，當瀏覽器讀取與解譯 HTML 標記語言時，也必須同時讀取與解譯 JavaScript 程式，因此所使用的瀏覽器必須能解譯與執行 JavaScript 程式。這也是為什麼其他網路描述語言 (如 MicroSoft 公司開發的 Jscript 與 VBScript）較不普及的原因。因為 Jscript 或 VBScript 與 NetScape Navigator 瀏覽器不相容，故除了 ASP 動態網頁外，較少使用此類語言。

    JavaScript 的功能為

  • 可產生並控制網頁元素，以增加網頁的變化
  • 可以傳輸或回應網路使用者的需求，以產生動態網頁
  • 可以執行計算

    • JavaScript 無法支援的功能如下：

  • 不能在伺服器端或用戶端讀取或儲存檔案
  • 沒有支援指標 (pointer)
  • 沒有動態加入的功能
  • 沒有支援真的物件導向 (object-based)

    • 　

    物件導向語言

    JavaScript 是一種物件導向 (object-based) 的程式語言，也就是說程式設計時，將所有的指令視為物件 (object)，以執行方法 (method) 與屬性 (attribute) 來描述該物件之動作及屬性。因此 JavaScript 的指令的基本形式為

    object.method(value)
    其中
  • object 是指物件，可以是文件 (document)、視窗 (window)、變數 (var)、數學運算 (math)、字串 (string)、圖片 (picture)、影像 (video)、聲音 (sound)、表單 (form) 等。
  • method 是指令動作，可以是開啟 (open)、關閉 (close)、撰寫 (write) 等。
  • value 係指所欲輸入之字串、數值、變數等特指的元件。
    • 例如：document.write 或 window.open 就是 JavaScript 指令：前者意指編輯文件；而後者則為開啟視窗。因此 document 或 window 是一個物件，而 write 及 open 是一個動作指令 (method)。有關 document.write 及 window.open 的語法請詳見「文件的編輯」、 「視窗的變化」等二節。然而先不要急著深入的用法，先看下一節，瞭解 JavaScript 的基本語法比較重要。

      back to top

    撰寫 JavaScript 程式的方法

    　

    撰寫 JavaScript 程式

    JavaScript 程式分為兩部分：定義程式與執行程式。

    通常在 HTML 的 <head> </head> 內，撰寫 JavaScript 的定義程式，因為可以一目了然地知道本文件中相關的 JavaScript 定義程式，易於修改，且可以控制全文。也可以將 JavaScript 的定義程式寫在 <body> </body> 內需要的地方，但是其執行範圍就僅限於該定義程式位置以後的部分文件。 注意：定義程式以 <script language=javascript> </script> 與 HTML 標記做區隔 ，詳見下節。

    至於執行程式則於 <body> </body> 內文件需要的地方呼叫定義程式即可。

    　

    觀賞網頁

    一如 HTML 文件，將寫好的程式以 .htm 或 .html 的副檔名儲存後，即可以瀏覽器觀賞。

    　

    修改網頁

    一如 HTML 文件，開啟「檢視/原始檔」修改、儲存，再按 「重新整理」後，即可重新瀏覽。

      back to top

    JavaScript 的基本語法

    　

    基本語法結構

    JavaScript 程式通常建置在 HTML 文件之內，其基本語法架構如下：
    <script language=javascript>
    JavaScript 程式
    </script>
    多以 <script language=javascript> </script> 與 HTML 標記區隔。通常 將 JavaScript 的定義程式置於 <head> </head> 之間，以利全 HTML 文件使用。但也可以在 <body> </body> 之間，隨處撰寫定義程式。再於需要此程式的地方撰寫 JavaScript 執行程式即可。至於什麼是 JavaScript 程式，就是本單元要學習的重點。先介紹一個比較簡單的例子。

    例題一： 輸出純文字的字串。先打開記事本，鍵入如下的程式：

    <body>
    <script language=javascript>
    document.write("字串")
    </script>
    </body>
    儲存後，使用瀏覽器打開看看，這就是你的第一個含 JavaScript 程式的網頁。

    用 途 JavaScript 語法 實 例
    輸出純文字的字串。
    字串需用引號框住。    		 <body>
    <script language=javascript>
    document.write("字串")
    </script>
    </body>    		 第一個JS網頁

    document.write( ) 是一個用來輸出字串的 JavaScript 程式，所以放在 <script language=javascript> </script> 之間，而所欲輸出的字串，放在括號之內，並使用引號框住字串。 這樣就是一個初步的 JavaScript 程式。

    　

    自動隱藏 JavaScript 程式

    由於不是每一個瀏覽器都支援 JavaScript 程式，如果無法執行時，瀏覽器會將 JavaScript 程式解譯成純文字，因此網頁在呈現時會出現一堆亂碼。所以通常將 JavaScript 程式放在 <!--  --> 之間。萬一使用者的瀏覽器無法支援 JavaScript 程式時，則會自動隱藏 JavaScript 程式，以免發生錯誤。

    用 途 JavaScript 語法 實 例
    隱藏 JavaScript 程式，以免瀏覽器無法解讀時，出現亂碼。 <head>
    <script language=javascript>
    <!-- JavaScript 程式 -->
    </script>
    </head>    		 隱藏JS程式的網頁
    出現提示匣

    　

    JavaScript 程式註解

    如果撰寫的 JavaScript 程式很複雜，為免日後忘記，則可於程式中加上註解。註解方式為使用雙斜線，再加上註解文字，即 //註解文字。執行 JavaScript 程式時，註解文字不會被執行。 若不小心去除雙斜線，則後面的註解文字將被誤認為是 JavaScript 的指令，而發生錯誤。

    用 途 JavaScript 語法 實 例
    註解程式意義，以免忘記。 <head>
    <script language=javascript>
    <!-- JavaScript 程式 // 註解文字 -->
    </script>
    </head>    		 註解 JS 程式的網頁

      back to top

    JavaScript 程式的內的命名法則

    　

    使用 JavaScript 程式時，常常需要對物件、函數或變數命名。以下為一般命名的基本法則：

  • 由於 JavaScript 程式對英文字母大小寫敏感，代表不同的意義，故命名時盡量避免大小寫參雜的方式。
  • 第一個字母必須是是英文字母。
  • 全長應少於 255 個英文字母。
  • 一般電腦程式在使用陣列函數 (array) 來描述時，很多程式語言是以 0 為第一個元素 (element) 代碼，但在 JavaScript 語法則是使用 1 開始計數。
  • 不能是空白鍵或 JavaScript 的保留字。
    常見的 JavaScript 的保留字如下：
    • 保留字 A-E 　 保留字 E-I 　 保留字 J-S 　 保留字 T-Z
    Abstracr 　 else 　 long 　 this
    boolean 　 enum export 　 lastModified 　 throw
    break 　 Extends 　 Native 　 throws
    byte 　 false 　 new 　 transient
    Case 　 final 　 null 　 true
    catch 　 finally 　 package 　 try
    char 　 Float 　 private 　 var
    class 　 for 　 protected 　 Void
    Const 　 function 　 public 　 volatile
    continue 　 go to 　 return 　 while
    Date 　 If 　 Short 　 with
    deburgger 　 implement 　 static 　 　
    default 　 import 　 super 　 　
    delete do 　 in 　 switch 　 　
    double 　 instanceof 　 synchronized 　 　
    　 　 int 　 　 　 　
    　 　 interface 　 　 　 　

      back to top

    本網頁於 02/27/2002 製作，並於 11/03/2005更新
    		 © 2003-2005 版權為柴惠敏所有，如需引用請先告知