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>

• JavaScript表達式：

1. 算術表達式；
2. 字符串表達式；
3. 關系（比較）表達式；
4. 邏輯表達式。

• JavaScript運算符：

1. 根據處理對象的數目：
   
   
   • 單元運算符；
   • 二元運算符；
   • 三元運算符。
     
     
2. 根據功能：
   
   
   • 賦值運算符；
     
     
     =　　+=　　-=　　*=　　/=　　%=（取余）
     
     
   • 算術運算符；
     
     
     +　　-　　*　　/　　%（取余）　　++（遞增）　　--（遞減）　-
     
     例１：
     <Script>
     var x = 11;
     var y = 5;
     
     with (document) {
     write("x = 11, y = 5");
     write("<LI>x + y 是 ", x + y);
     write("<LI>x - y 是 ", x - y);
     write("<LI>x * y 是 ", x * y);
     write("<LI>x / y 是 ", x / y);
     write("<LI>x % y 是 ", x % y);
     write("<LI>++ x 是 ", ++ x);
     write("<LI>-- y 是 ", -- y);
     }
     </Script>
     
     例２：
     <Script>
     var x = y = 3;
     
     with (document) {
     write("x = 3, y = 3 <br>");
     write("若x = y++ 運算之后：");
     x = y++;//y→x，y+1→y
     write("x 是 ", x, "; y 是 ", y, "<br>");
     write("再作x = ++y 運算：");
     x = ++y;//y+1→x，y+1→y
     write("x 是 ", x, "; y 是 ", y);
     }
     </Script>
     
     
   • 字符串運算符；
     
     +　　+=
     
     
   • 比較運算符；
     
     
     ==　　!=　　===（值及類型）　　!==（值及類型）
     <　　<=　　>　　>=
     
     例：
     <Script>
     var x = 5; //x 是數值5
     var y = '5'; //y 是字符串5
     var z = 6; //x 是數值6
     
     with (document) {
     write("x = 5, y = '5', z = 6");
     write("<LI>x == y 嗎？", x == y);
     write("<LI>x === y 嗎？", x === y);
     write("<LI>x != y 嗎？", x != y);
     write("<LI>x !== y 嗎？", x !== y);
     write("<LI>x <= z 嗎？", x <= z);
     write("<LI>y <= z 嗎？", y <= z);
     //類型自動轉換
     }
     </Script>
     
     
   • 邏輯運算符；
     
     
     &&　　||　　!
     
     例１：
     <Script>
     var t = true;
     var f = false;
     
     with(document) {
     write("<OL><LI>true && true 的結果是 ", t && t);
     write("<LI>true && false 的結果是 ", t && f);
     write("<LI>false && true 的結果是 ", f && t);
     write("<LI>false && false 的結果是 ", f && f);
     write("<LI>true && (1==1) 的結果是 ", t && (1==1));
     write("<LI>false && 'A' 的結果是 ", f && 'A');
     write("<LI>'A' && false 的結果是 ", 'A' && f);
     write("<LI>true && 'A' 的結果是 ", t && 'A');
     write("<LI>'A' && true 的結果是 ", 'A' && t);
     write("<LI>'A' && 'B' 的結果是 ", 'A' && 'B');
     //&&：有一個不是邏輯值，只要第一個操作數的值為flase，則返回第一個操作數的值flase，否則，返回第二個操作數的值
     }
     </Script>
     
     例２：
     <Script>
     var t = true;
     var f = false;
     
     with(document) {
     write("<OL><LI>true || true 的結果是 ", t || t);
     write("<LI>true || false 的結果是 ", t || f);
     write("<LI>false || true 的結果是 ", f || t);
     write("<LI>false || false 的結果是 ", f || f);
     write("<LI>true || (1==1) 的結果是 ", t || (1==1));
     write("<LI>false || 'A' 的結果是 ", f || 'A');
     write("<LI>'A' || false 的結果是 ", 'A' || f);
     write("<LI>true || 'A' 的結果是 ", t || 'A');
     write("<LI>'A' || true 的結果是 ", 'A' || t);
     write("<LI>'A' || 'B' 的結果是 ", 'A' || 'B');
     //||：有一個不是邏輯值，只要第一個操作數為的值true、字符或非零的數字，則返回第一個操作數的值，否則，返回第二個操作數的值
     }
     </Script>
     
     例３：
     <Script>
     with(document) {
     write("<LI>!true 的結果是 ", !true);
     write("<LI>!false 的結果是 ", !false);
     write("<LI>!'A' 的結果是 ", !'A');
     write("<LI>!0 的結果是 ", !0);}
     </Script>
     
     
   • 逐位運算符；
     
     
   • 特殊運算符。
     
     1、new運算符：創建對象（實例）
     
     　　　 格式：對象名稱=new 對象類型（參數）
     
     2、this運算符：表示當前對象
     
     　　　 格式：this[.屬性]
     
     例：
     <Script>
     function validate(obj) {
     alert("你輸入的值是："+ obj.value);
     } </Script>
     請輸入任意字符：<BR>
     <INPUT TYPE="text" onKeyup="validate(this)">
     
     3、條件運算符：三元運算符
     
     格式：<條件表達式> ? 第一個值：第二個值
     
     例：
     NS = (document.layers) ? 1 : 0;
     IE = (document.all) ? 1: 0;
     
     window.screen.width>800 ? imgheight=100:imgheight=100
     window.screen.width>800 ? imgleft=15:imgleft=122
     
     <Script>
     function showSex() {
     onOroff = document.forms[0].sex[0].checked
     status = (onOroff)? "帥哥" : "美女"
     alert("Hello! " + status)
     }
     </Script>

     請輸入你的性別：
     <FORM onClick=showSex()>
     <INPUT TYPE=radio NAME=sex>男生
     <INPUT TYPE=radio NAME=sex>女生
     </FORM>

     
     
     
3. 運算符執行的優先順序：
   
   類型 運算符

   括號	()
   一元	! ~ - ++ -- typeof void delete
   算術	* / + -
   位位移	<< >> >>>
   比較	< <= > >= == !=
   位邏輯	& ^（xor） |
   邏輯	&& ||
   三元條件	?
   賦值	= += -= *= /= %= <<= >>= >>>= &= ^= |=

• JavaScript語句：

1. 注釋語句：
   
   
   • 單行注釋：//注釋文字
   • 多行注釋：/*
     　　　　　 注釋文字
     　　　　　*/
     
     
   • 例：
     /***************************************
     * 源 碼 之 家 *
     * http://www.mycodes.net *
     * 下載:http://www.mycodes.net *
     * 論壇http://www.mycodes.net/bbs *
     *****************************************/
     
     
2. with語句： （對象操作語句）
   
   
   • 功能：為一段程序建立默認對象。
   • 格式：
     with (<對象>){
     　　<語句組>
     ｝
     
     
   • 例１：
     with (document) {
     write ("限時搶購物品：");
     write ("<Li>ViewSonic 17\" 顯示器。");
     write ("<Li>EPSON 打印機。");
     }
     
     
   • 例２：
     document.write ("限時搶購物品：");
     document.write ("<Li>ViewSonic 17\" 顯示器。");
     document.write ("<Li>EPSON 打印機。");
     
     
3. if...else語句：
   
   格式1：
   
   
   if (<表達式>)
   <語句1>;
   else
   <語句2>;
   
   if (<表達式>)<語句1>;
   else<語句2>;
   
   例：
   <Script>
   var now = new Date();
   var hour = now.getHours();
   
   if (6 < hour && hour < 18)
   document.write ("辛勤工作才能快樂收割！");
   else
   document.write ("休息一下，充電后再出發。");
   </Script>
   
   格式2：
   
   
   if (<表達式>){
   <語句組1>
   }else{
   <語句組2>
   }
   
   
   
   格式3：
   
   
   if (<表達式1>){
   <語句組1>
   }else if (<表達式2>){
   <語句組2>
   }else{
   <語句組3>
   }
   
   
   例1：
   <Script>
   var now = new Date();
   var day = now.getDay();
   var dayName;
   
   if (day == 0) dayName = "星期日";
   else if (day == 1) dayName = "星期一";
   else if (day == 2) dayName = "星期二";
   else if (day == 3) dayName = "星期三";
   else if (day == 4) dayName = "星期四";
   else if (day == 5) dayName = "星期五";
   else dayName = "星期六";
   
   document.write ("今天是快樂的", dayName);
   </Script>
   
   例2：
   <Script>
   var now = new Date();
   var day = now.getDay();
   var dayName;
   
   if (day = 0) dayName = "星期日";
   else if (day = 1) dayName = "星期一";
   else if (day = 2) dayName = "星期二";
   else if (day = 3) dayName = "星期三";
   else if (day = 4) dayName = "星期四";
   else if (day = 5) dayName = "星期五";
   else dayName = "星期六";
   
   document.write ("今天是快樂的", dayName);
   </Script>
   
   
4. while語句：
   
   格式1：
   
   while (<表達式>)
   語句；
   
   格式2：
   
   while (<表達式>){
   <語句組>
   }
   
   
   例：
   <Script>
   var i = 5;
   
   while ( i > 0 ) {
   document.write("i = " ,i ,"<BR>");
   i--;
   }

   </Script>
   

5. do...while語句：
   
   格式：
   
   do {
   <語句組>
   } while (<表達式>)
   
   
   例：
   <Script>
   var i = 5;
   
   do {
   document.write("i = " ,i ,"<BR>");
   i--;
   } while ( i > 0 )

   </Script>
   

6. for語句：
   
   格式：
   
   for (<初始表達式>；<條件表達式>；<變動量表達式>){
   <語句組>
   }
   
   
   例：
   <Script>
   for ( var i = 5; i > 0; i-- ) {
   document.write("i = " ,i ,"<BR>");
   }

   </Script>
   

7. for...in語句：重復執行指定對象的所有屬性
   
   格式：
   
   for ( 變量 in 對象 ){
   <語句組>
   }
   
   例：
   <Script>
   function member(name, sex) {//構造函數member
   this.name = name;
   this.sex = sex;
   }
   
   function showProperty(obj, objString) {
   var str = "";
   for (var i in obj)
   str += objString + "." + i + " = " + obj[i] + "<BR>";
   return str;
   }
   
   papa = new member("楊宏文", "男生");//建立對象實例papa
   document.write(showProperty(papa, "papa"))

   </Script>
   

8. break語句：
   
   格式：break
   
   例：
   <Script>
   var i = 5;
   while ( i > 0 ) {
   if ( i == 3 ) break;
   document.write("i = " ,i ,"<BR>");
   i--;
   }

   </Script>

9. continue語句：
   
   格式：continue
   
   例：
   <Script>
   var i = 5;
   while ( i > 0 ) {
   i--;
   if ( i == 3 ) continue;
   document.write("i = " ,i ,"<BR>");
   }

   </Script>

10. switch語句：
    
    格式：
    
    switch (<表達式>) {
    case <數值1>:<語句組1>
    break;
    case <數值2>:<語句組2>
    break;
    ...
    default <語句組>
    }
    
    
    例：
    <Script>
    function greet(givenSex) {
    switch(givenSex) {
    case "帥哥" : alert("你好啊！");
    break;
    case "美女" : alert("你好啊！");
    break;
    }
    }
    </Script>

    請輸入性別：
    <FORM>
    <INPUT TYPE="radio" NAME="sex" onClick="greet('帥哥')">
    帥哥
    <INPUT TYPE="radio" NAME="sex" onClick="greet('美女')">
    美女
    </FORM>

• 對象：
  
  對象是一組具有屬性和方法的經過組織的數據。
  
  
• 默認對象：

1. 日期對象； （日期基線：1970年1月1日00：00：00）
   
   建立日期對象(實例)：
   
   　　格式：日期對象名稱=new Date([日期參數])
   
   　　日期參數：1.省略；
   　　　　　　　2.英文-數值格式：月 日，公元年 [時：分：秒]
   　　　　　　　　　如： today=new Date("October 1,2008 12:00:00")
   　　　　　　　3.數值格式：公元年，月，日，[時，分，秒]
   　　　　　　　　　如： today=new Date(2008,10,1)
   
   日期對象的方法：
   
   　　格式：日期對象名稱.方法（[參數]）
   
   獲取當地時間：
   

   getYear()	返回年份數
   getFullYear()	返回年份數
   getMonth()	返回月份數（0--11）
   getDate()	返回日期數（1--31）
   getDay()	返回星期數（0--6）
   getHours()	返回時數（0--23）
   getMinutes()	返回分數（0--59）
   getSeconds()	分享到： 介紹一篇關于session的好文章,寫的很詳細 | 智力題 2007-08-21 16:11 瀏覽 174 評論(0) 相關推薦 評論 發表評論 您還沒有登錄,請您登錄后再發表評論 wapysun 瀏覽: 4878618 次 性別: 來自: 杭州 最近訪客 更多訪客>> first_class Lovefire_ rickqin px915 文章分類 全部博客 (27229) 軟件技術 (2) 編程開發 (0) 生活休閑 (2) 安卓開發 (0) 數據庫 (0) 社區版塊 我的資訊 (0) 我的論壇 (0) 我的問答 (0) 存檔分類 2012-06 (77) 2012-05 (587) 2012-04 (177) 更多存檔... 最新評論 lehehe ： wifi,ip定位,google似乎不能返回數據了,現在我們都 ... Google WIFI/IP定位技術初探 wx_hello ： 求噴碼器軟件； java程序向噴碼器輸送字符，噴碼器噴出來。 ... RS232串口 小記 sdt1005 ： 引用[list][url][flash=200,200][fl ... GROUP BY 子句及其擴展 a465492689 ： 太有用了，謝謝分享！ Oracle 表空間 yinren13 ： 支持視頻會議！！我們公司現在就在用視頻會議turbomeeti ... 視頻會議 聲明：ITeye文章版權屬于作者，受法律保護。沒有作者書面許可不得轉載。若作者同意轉載，必須以超鏈接形式標明文章原始出處和作者。 ? 2003-2015 ITeye.com. All rights reserved. [ 京ICP證110151號 京公網安備110105010620 ]