- 桃園教師會會務系統 ( http://61.219.67.208/Default.asp )
-- 資訊論壇 ( http://61.219.67.208/ShowForum.asp?forumid=68 )
--- [轉貼]Java Script 描述語言 ( http://61.219.67.208/fbbsxp/ShowPost.asp?id=160 )


作者︰superpower
發表時間︰2006/2/3 下午 10:42:20

Java Script 描述語言

摘自:http://www.pt.ntu.edu.tw/hmchai/PTcomputer03_2/hJavaScript/JSintroduction.htm


認識名詞

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 的基本語法比較重要。


    撰寫 JavaScript 程式的方法

    撰寫 JavaScript 程式

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

     

    觀賞網頁

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

     

    修改網頁

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


    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>

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

     

    自動隱藏 JavaScript 程式

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

    用 途JavaScript 語法實 例
    隱藏 JavaScript 程式,以免發生錯誤。<head>
    <script language=javascript>
    <!-- JavaScript 程式 -->
    </script>
    </head>

     

    JavaScript 程式註解

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

    用 途JavaScript 語法實 例
    註解程式意義<head>
    <script language=javascript>
    <!-- JavaScript 程式 // 註解文字 -->
    </script>
    </head>


    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    

     


    作者︰superpower
    發表時間︰2006/2/3 下午 10:45:38


     文件函數

    文件函數的指令為 document.method( ),method 為其執行方法,以句點與 document 分開,括號裡面則為執行的內容。method 有很多種,如 write 為編輯文字、bgColor為更換背景顏色等。

     

    輸出文件:document.Write 指令
    開啟或關閉檔案: document.open 指令、document.close 指令
    更換背景: document.bgcolor 指令,詳見 功能函數與背景色一節。


    輸出文件

    輸出文件的指令很簡單,在 document.write( ) 指令的括號裡面可以嵌入:
  • 字串 (string): 須使用引號框住字串。
  • 變數 (variable): 不須要引號,詳見變數的運用。
  • 文字與變數可混合出現,二者之間用逗號 (,) 或加號 (+) 分開。
  • HTML 的標記: 以改變字串或變數的設定,須置於引號之間。
  • document.write( ) 指令可以連續重複使用,但要注意的是:如果使用超過一個 document.write( ) 指令,而沒有任何 HTML 的分行或分段標記,則所得結果將為不分行分段的連續文字。

    用 途JavaScript 語法實 例
    輸出多行不同顏色的字串。
    純文字須以引號框住字串,HTML 標記則否。
    <script language=javascript>
    document.write("字串 <br>");
    document.write("<font color='顏色代碼>變色字串</font>")
    </script>
    顯示進站的時間日期,自動記錄時間,並以變數輸出。無須使用引號框住變數代號。<script language=javascript>
    變數代號=new Date
    document.write(變數代號)
    </script>
    用變數來顯示最近修改時間,顯示結果如 01/25/2003 22:03:06。<script language=javascript>
    document.write(document.lastModified)
    </script>


    開啟或關閉檔案

     

    用 途JavaScript 語法實 例
    開啟檔案<script language=javascript>
    document.open( )
    </script>
     
    關閉檔案<script language=javascript>
    document.close( )
    </script>
     

     


    桃園教師會會務系統 - Powered By BBSxp

    Copyright 1998-2005 Yuzi.Net
    Powered by BBSxp 5.16/Licence © 1998-2005
    Script Execution Time:31ms