JavaScript 是網景(Netscape)公司開發的一種基于客戶端瀏覽器、面向(基于)對象、事件驅動式的網頁腳本語言。JavaScript語言的前身叫作Livescript。

  • JavaScript的特點:
      1. 簡單、易學、易用;
      2. 跨平臺;IE、Navigator
      3. 符合ECMA(歐洲計算機制造協會)標準,可移植;
      4. 事件驅動式的腳本程序設計思想;
      5. 動態、交互式的操作方式。
  • JavaScript的作用:
      1. 交互式操作;
      2. 表單驗證;
      3. 網頁特效;
      4. Web游戲
      5. 服務器腳本開發等。
  • JavaScript的編寫環境:文本編輯器

  • JavaScript的執行平臺:Web瀏覽器

  • JavaScript的執行方式:解釋執行(由上而下)

  • JavaScript的版本:JavaScript1.0——JavaScript1.4

  • 瀏覽器對JavaScript的支持:
      1. JavaScript/IE3.0、JavaScript1.2/IE4.0;
      2. 微軟允許用戶自行設置對JavaScript處理模式。
  • JavaScript與Java、VBScript、JScript的關系:

   JavaScript與Java的區別體現在:

首先,它們是兩個公司開 發的不同的兩個產品,Java是SUN公司推出的新一代面向對象的程序設計語言,特別適合于Internet應用程序開發;而 JavaScript是Netscape公司的產品,其目的是為了擴展Netscape Navigator功能而開發的一種可以嵌入Web頁面中的基于對象和事件驅動的解釋性語言。

其次,JavaScript是基于對象的, 而Java是面向對象的,即Java是一種真正的面向對象的語言,即使是開發簡單的程序,必須設計對象。 JavaScript是種腳本語言,它可以用來制作與網絡無關的,與用戶交互作用的復雜軟件。它是一種基于對象和事件驅動的編程語言。因而它本身提供了非 常豐富的內部對象供設計人員使用。

第三,兩種語言在其瀏覽器中所執行的方式不一樣。Java的源代碼在傳遞到客戶端執行之前,必須經過編 譯,因而客戶端上必須具有相應平臺上的仿真器或解釋 器,它可以通過編譯器或解釋器實現獨立于某個特定的平臺編譯代碼的束縛。JavaScript是一種解釋性編程語言,其源代碼在發往客戶端執行之前不需經 過編譯,而是將文本格式的字符代碼發送給客戶,由瀏覽器解釋執行。

第四,兩種語言所采取的變量是不一樣的。Java采用強類型變量檢查,即所有變量在編譯之前必須作聲明。JavaScript中變量聲明,采用其弱類型。即變量在使用前不需作聲明,而是解釋器在運行時檢查其數據類型。

第 五,代碼格式不一樣。Java是一種與HTML無關的格式,必須通過像HTML中引用外媒體那么進行裝載,其代碼以字節代碼的形式保存在獨立的文檔中。 JavaScript的代碼是一種文本字符格式,可以直接嵌入HTML文檔中,并且可動態裝載。編寫HTML文檔就像編輯文本文件一樣方便。

第六,嵌入方式不一樣。在HTML文檔中,兩種編程語言的標識不同,JavaScript使用<script>...< /script>來標識,而Java使用<applet> ... </applet> 來標識。

第七,靜態綁定和動態綁定。Java采用靜態聯編,即Java的對象引用必須在編譯時的進行,以使編譯器能夠實現強類型檢查,如不經編譯則就無法實現對象 引用的檢查。JavaScript采用動態聯編,即JavaScript的對象引用在運行時進行檢查。

  • JavaScript的格式:
      1. JavaScript區分大小寫;
      2. JavaScript腳本程序須嵌入在HTML文件中;
      3. JavaScript腳本程序中不能包含HTML標記代碼;(雙引號)
      4. 每行寫一條腳本語句;
      5. 語句末尾可以加分號;
      6. JavaScript腳本程序可以獨立保存為一個外部文件,但其中不能包含<script></script>標簽。
  • JavaScript腳本程序的幾種基本格式:
      1. <script>
             document.write("Hello World!!!");
        </script>

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

      3. <script language="JavaScript" type="text/JavaScript">
             document.write("Hello World!!!");
        </script>

      4. <script language="JavaScript1.2">
             document.write("Hello World!!!");
        </script>

      5. <script src="hello.js"></script>

        注意:document.write("Hello World!!!"); 必須保存為一個外部文件:hello.js

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

      7. 使用JavaScript協議:

        <a href="JavaScript:alert('Hello World!!!')">請單擊</a>

        <a href="#" onclick="alert('Hello World!!!')">請單擊</a>

        <a href="JavaScript://" onclick="alert('Hello World!!!')">請單擊</a>
 
  • JavaScript的數據類型:
      1. 數值:整數、浮點數;
      2. 邏輯值:布爾值;
      3. 字符串值:
      4. 空值:
      5. 未定義值:
  • JavaScript數據的表示:
      1. 整數:由正負號、數字構成,八進制、十進制、十六進制;
      2. 浮點數:由正負號、數字和小數點構成,常規記數法、科學記數法;
      3. 邏輯值:true、false
      4. 字符串值:單引號、雙引號
      5. 空值:null
      6. 未定義值:根本不存在的對象、已定義但沒有賦值的量;
  • JavaScript常量:
      1. 布爾常量:true  false
      2. 整數常量:3721  0007  0xaff(0Xaff)
      3. 浮點數常量:3.14  .001  3.721e+3  -3.721E-3
      4. 字符串常量:"你的E-mail地址有誤!"
      5. 含轉義字符的字符串常量:

        轉義字符 意義
        \b 退格(Backspace)
        \f 換頁(Form feed)
        \n 換行(New line)
        \r 返回(Carriage return)
        \t 制表符(Tab)
        \' 單引號(')
        \" 雙引號(")
        \\ 反斜線(\)

        document.write("我愛\'JavaScript\'")

        document.write("文件在c:\\windows\\下")

        document.write("<pre>未滿十八歲\n不得進入!</pre>")

        document.write("未滿十八歲<br>不得進入!")

        document.alert("密碼不對\n請重新輸入!")


      6. 數組常量:

        hobby=["聽音樂","看電影"]
        hobby[0]、hobby[1]

        hobby=["聽音樂",,"看電影",]
        hobby[0]、hobby[1]、hobby[2]、hobby[3]
  • JavaScript變量:
      1. 變量命名規則:

        • 首字符必須是大寫或小寫的字母或下劃線(_)或美元符($);
        • 后續的字符可以是字母、數字、下劃線或美元符;
        • 變量名稱不能是保留字;
        • 長度是任意;
        • 區分大小寫;
        • 約定:集中置頂;
          使用局部變量;
          易于理解;  stdId
          避免混亂。  usrname  usrName

      2. 聲明變量:

        • var stdId;
        • var name,sex;
        • var total=3721;
        • var notNull=true;
        • var name="李小龍",sex="先生";
        • var i=j=0;

      3. 變量賦值:

        stdId = 2004007;

      4. 變量作用域:(方式、位置)

        • 全局變量:省略var,或在函數外聲明
        • 局部變量:在函數內聲明
        • 全局變量可在整個腳本中被使用,可在不同的窗口中相互引用(指定窗口名)
        • 例:
          <Script>
          var langJS = "JavaScript"; //langJS是全局變量
          test();

          function test() {
               var langVBS = "VBScript"; //langVBS是局部變量
               document.write("<LI>" + langJS);
               document.write("<LI>" + langVBS);
          }

          document.write("<LI>" + langJS);
          document.write("<LI>" + langVBS);
          </Script>



ExtJS教程- Hibernate教程-Struts2 教程-Lucene教程