Java Script 描述語言

上一頁       回首頁       下一頁

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

  • 認識名詞

    JavaScript 描述語言

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

    JavaScript 通常建構在 HTML 文件之中,多以 <script language=javascript> </script> 與 HTML 標記區隔,但不一定要有 <script> </script> 。JavaScript 的功能為

  • 可以增加網頁的變化
  • 可以傳輸或回應網路使用者的需求
  • 可以執行計算
  • 其他網路描述語言尚有 MicroSoft 公司的 Jscript 與 VBScript,但因與 NetScape Navigator 瀏覽器不相容,故除了 ASP 動態網頁外,較少使用此類語言。

     

    物件導向語言

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

    object.method(value)
    其中
  • object 是指物件,可以是文件 (document)、視窗 (window)、變數 (var)、數學運算 (math)、字串 (string)、圖片 (picture)、影像 (video)、聲音 (sound)、表單 (form) 等。
  • method 是指令動作,可以是開啟 (open)、關閉 (close)、撰寫 (write) 等。
  • 例如:document.writewindow.open 就是 JavaScript 指令。document 或 window 是一個物件,而 write 及 open 是一個指令動作 (method)。有關 document.write 及 window.open 的語法請詳見「」、「」二節。然而先不要急著深入的用法,先看下一節,瞭解 JavaScript 的基本語法比較重要。

      back to top


    撰寫 JavaScript 程式的方法

    撰寫 JavaScript 程式

    JavaScript 程式分為兩部分:定義程式與執行程式。通常在 HTML 的 <head> </head> (較佳) 或是 <body> </body> 內,撰寫 JavaScript 的定義程式。注意:以 <script language=javascript> </script> 與 HTML 標記區隔,再於需要此程式的地方撰寫執行t程式即可。

     

    觀賞網頁

    一如 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 個英文字母
  • 不能是空白鍵或 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 製作,並於 09/11/2003更新
    © 2003 版權為柴惠敏所有,如需引用請先告知
    建議使用寬頻網路及 800 ´ 600 之解析度來瀏覽本網站
    瀏覽軟體以 Microsoft Internet Explorer 5.0 版或更高版本為佳