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

• JavaScript的特點(diǎn)：

1. 簡單、易學(xué)、易用；
2. 跨平臺；IE、Navigator
3. 符合ECMA（歐洲計(jì)算機(jī)制造協(xié)會）標(biāo)準(zhǔn)，可移植；
4. 事件驅(qū)動式的腳本程序設(shè)計(jì)思想；
5. 動態(tài)、交互式的操作方式。

• JavaScript的作用：

1. 交互式操作；
2. 表單驗(yàn)證；
3. 網(wǎng)頁特效；
4. Web游戲
5. 服務(wù)器腳本開發(fā)等。

• JavaScript的編寫環(huán)境： 文本編輯器
  
  
• JavaScript的執(zhí)行平臺： Web瀏覽器
  
  
• JavaScript的執(zhí)行方式： 解釋執(zhí)行（由上而下）
  
  
• JavaScript的版本： JavaScript1.0——JavaScript1.4
  
  
• 瀏覽器對JavaScript的支持：

1. JavaScript/IE3.0、JavaScript1.2/IE4.0；
2. 微軟允許用戶自行設(shè)置對JavaScript處理模式。

• JavaScript與Java、VBScript、JScript的關(guān)系：

　　 JavaScript與Java的區(qū)別體現(xiàn)在：

　　 首先，它們是兩個公司開發(fā)的不同的兩個產(chǎn)品，Java是SUN公司推出的新一代面向?qū)ο蟮某绦蛟O(shè)計(jì)語言，特別適合于Internet應(yīng)用程序開發(fā)；而JavaScript是Netscape公司的產(chǎn)品，其目的是為了擴(kuò)展Netscape Navigator功能而開發(fā)的一種可以嵌入Web頁面中的基于對象和事件驅(qū)動的解釋性語言。

　　 其次，JavaScript是基于對象的，而Java是面向?qū)ο蟮模碕ava是一種真正的面向?qū)ο蟮恼Z言，即使是開發(fā)簡單的程序，必須設(shè)計(jì)對象。JavaScript是種腳本語言，它可以用來制作與網(wǎng)絡(luò)無關(guān)的，與用戶交互作用的復(fù)雜軟件。它是一種基于對象和事件驅(qū)動的編程語言。因而它本身提供了非常豐富的內(nèi)部對象供設(shè)計(jì)人員使用。

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

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

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

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

　　 第七，靜態(tài)綁定和動態(tài)綁定。Java采用靜態(tài)聯(lián)編，即Java的對象引用必須在編譯時的進(jìn)行，以使編譯器能夠?qū)崿F(xiàn)強(qiáng)類型檢查，如不經(jīng)編譯則就無法實(shí)現(xiàn)對象引用的檢查。JavaScript采用動態(tài)聯(lián)編，即JavaScript的對象引用在運(yùn)行時進(jìn)行檢查。

• JavaScript的格式：

1. JavaScript區(qū)分大小寫；
2. JavaScript腳本程序須嵌入在HTML文件中；
3. JavaScript腳本程序中不能包含HTML標(biāo)記代碼；（雙引號）
4. 每行寫一條腳本語句；
5. 語句末尾可以加分號；
6. JavaScript腳本程序可以獨(dú)立保存為一個外部文件，但其中不能包含<script></script>標(biāo)簽。

• 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協(xié)議：
   
   <a href="JavaScript:alert('Hello World!!!')">請單擊</a>
   
   <a href="#" onclick="alert('Hello World!!!')">請單擊</a>
   
   <a href="JavaScript://" onclick="alert('Hello World!!!')">請單擊</a>

• JavaScript的數(shù)據(jù)類型：

1. 數(shù)值：整數(shù)、浮點(diǎn)數(shù)；
2. 邏輯值：布爾值；
3. 字符串值：
4. 空值：
5. 未定義值：

• JavaScript數(shù)據(jù)的表示：

1. 整數(shù)：由正負(fù)號、數(shù)字構(gòu)成，八進(jìn)制、十進(jìn)制、十六進(jìn)制；
2. 浮點(diǎn)數(shù)：由正負(fù)號、數(shù)字和小數(shù)點(diǎn)構(gòu)成，常規(guī)記數(shù)法、科學(xué)記數(shù)法；
3. 邏輯值：true、false
4. 字符串值：單引號、雙引號
5. 空值：null
6. 未定義值：根本不存在的對象、已定義但沒有賦值的量；

• JavaScript常量：

1. 布爾常量：true　　false
2. 整數(shù)常量：3721　　0007　　0xaff（0Xaff）
3. 浮點(diǎn)數(shù)常量：3.14　　.001　　3.721e+3　　-3.721E-3
4. 字符串常量："你的E-mail地址有誤！"
5. 含轉(zhuǎn)義字符的字符串常量：
   
   轉(zhuǎn)義字符 意義

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

   
   document.write("我愛\'JavaScript\'")
   
   document.write("文件在c:\\windows\\下")
   
   document.write("<pre>未滿十八歲\n不得進(jìn)入！</pre>")
   
   document.write("未滿十八歲<br>不得進(jìn)入！")
   
   document.alert("密碼不對\n請重新輸入！")
   
   
6. 數(shù)組常量：
   
   hobby=["聽音樂","看電影"]
   hobby[0]、hobby[1]
   
   hobby=["聽音樂",,"看電影",]
   hobby[0]、hobby[1]、hobby[2]、hobby[3]

• JavaScript變量：

1. 變量命名規(guī)則：
   
   
   • 首字符必須是大寫或小寫的字母或下劃線（_）或美元符（$）;
   • 后續(xù)的字符可以是字母、數(shù)字、下劃線或美元符;
   • 變量名稱不能是保留字；
   • 長度是任意；
   • 區(qū)分大小寫；
   • 約定：集中置頂；
     　　　使用局部變量；
     　　　易于理解；　　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，或在函數(shù)外聲明
   • 局部變量：在函數(shù)內(nèi)聲明
   • 全局變量可在整個腳本中被使用，可在不同的窗口中相互引用（指定窗口名）
   • 例：
     <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表達(dá)式：

1. 算術(shù)表達(dá)式；
2. 字符串表達(dá)式；
3. 關(guān)系（比較）表達(dá)式；
4. 邏輯表達(dá)式。

• JavaScript運(yùn)算符：

1. 根據(jù)處理對象的數(shù)目：
   
   
   • 單元運(yùn)算符；
   • 二元運(yùn)算符；
   • 三元運(yùn)算符。
     
     
2. 根據(jù)功能：
   
   
   • 賦值運(yùn)算符；
     
     
     =　　+=　　-=　　*=　　/=　　%=（取余）
     
     
   • 算術(shù)運(yùn)算符；
     
     
     +　　-　　*　　/　　%（取余）　　++（遞增）　　--（遞減）　-
     
     例１：
     <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++ 運(yùn)算之后：");
     x = y++;//y→x，y+1→y
     write("x 是 ", x, "; y 是 ", y, "<br>");
     write("再作x = ++y 運(yùn)算：");
     x = ++y;//y+1→x，y+1→y
     write("x 是 ", x, "; y 是 ", y);
     }
     </Script>
     
     
   • 字符串運(yùn)算符；
     
     +　　+=
     
     
   • 比較運(yùn)算符；
     
     
     ==　　!=　　===（值及類型）　　!==（值及類型）
     <　　<=　　>　　>=
     
     例：
     <Script>
     var x = 5; //x 是數(shù)值5
     var y = '5'; //y 是字符串5
     var z = 6; //x 是數(shù)值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);
     //類型自動轉(zhuǎn)換
     }
     </Script>
     
     
   • 邏輯運(yùn)算符；
     
     
     &&　　||　　!
     
     例１：
     <Script>
     var t = true;
     var f = false;
     
     with(document) {
     write("<OL><LI>true && true 的結(jié)果是 ", t && t);
     write("<LI>true && false 的結(jié)果是 ", t && f);
     write("<LI>false && true 的結(jié)果是 ", f && t);
     write("<LI>false && false 的結(jié)果是 ", f && f);
     write("<LI>true && (1==1) 的結(jié)果是 ", t && (1==1));
     write("<LI>false && 'A' 的結(jié)果是 ", f && 'A');
     write("<LI>'A' && false 的結(jié)果是 ", 'A' && f);
     write("<LI>true && 'A' 的結(jié)果是 ", t && 'A');
     write("<LI>'A' && true 的結(jié)果是 ", 'A' && t);
     write("<LI>'A' && 'B' 的結(jié)果是 ", 'A' && 'B');
     //&&：有一個不是邏輯值，只要第一個操作數(shù)的值為flase，則返回第一個操作數(shù)的值flase，否則，返回第二個操作數(shù)的值
     }
     </Script>
     
     例２：
     <Script>
     var t = true;
     var f = false;
     
     with(document) {
     write("<OL><LI>true || true 的結(jié)果是 ", t || t);
     write("<LI>true || false 的結(jié)果是 ", t || f);
     write("<LI>false || true 的結(jié)果是 ", f || t);
     write("<LI>false || false 的結(jié)果是 ", f || f);
     write("<LI>true || (1==1) 的結(jié)果是 ", t || (1==1));
     write("<LI>false || 'A' 的結(jié)果是 ", f || 'A');
     write("<LI>'A' || false 的結(jié)果是 ", 'A' || f);
     write("<LI>true || 'A' 的結(jié)果是 ", t || 'A');
     write("<LI>'A' || true 的結(jié)果是 ", 'A' || t);
     write("<LI>'A' || 'B' 的結(jié)果是 ", 'A' || 'B');
     //||：有一個不是邏輯值，只要第一個操作數(shù)為的值true、字符或非零的數(shù)字，則返回第一個操作數(shù)的值，否則，返回第二個操作數(shù)的值
     }
     </Script>
     
     例３：
     <Script>
     with(document) {
     write("<LI>!true 的結(jié)果是 ", !true);
     write("<LI>!false 的結(jié)果是 ", !false);
     write("<LI>!'A' 的結(jié)果是 ", !'A');
     write("<LI>!0 的結(jié)果是 ", !0);}
     </Script>
     
     
   • 逐位運(yùn)算符；
     
     
   • 特殊運(yùn)算符。
     
     1、new運(yùn)算符：創(chuàng)建對象（實(shí)例）
     
     　　　 格式：對象名稱=new 對象類型（參數(shù)）
     
     2、this運(yùn)算符：表示當(dāng)前對象
     
     　　　 格式：this[.屬性]
     
     例：
     <Script>
     function validate(obj) {
     alert("你輸入的值是："+ obj.value);
     } </Script>
     請輸入任意字符：<BR>
     <INPUT TYPE="text" onKeyup="validate(this)">
     
     3、條件運(yùn)算符：三元運(yùn)算符
     
     格式：<條件表達(dá)式> ? 第一個值：第二個值
     
     例：
     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. 運(yùn)算符執(zhí)行的優(yōu)先順序：
   
   類型 運(yùn)算符

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

• JavaScript語句：

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

   </Script>
   

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

   </Script>
   

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

   </Script>
   

7. for...in語句：重復(fù)執(zhí)行指定對象的所有屬性
   
   格式：
   
   for ( 變量 in 對象 ){
   <語句組>
   }
   
   例：
   <Script>
   function member(name, sex) {//構(gòu)造函數(shù)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("楊宏文", "男生");//建立對象實(shí)例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 (<表達(dá)式>) {
    case <數(shù)值1>:<語句組1>
    break;
    case <數(shù)值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>

• 對象：
  
  對象是一組具有屬性和方法的經(jīng)過組織的數(shù)據(jù)。
  
  
• 默認(rèn)對象：

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

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