定義 Javascript是一種由Netscape的LiveScript發展而來的腳本語言，主要目的是為了解決服務器終端語言，比如Perl，遺留的速度問題。當時服務端需要對數據進行驗證，由於網絡速度相當緩慢,隻有28.8kbps，驗證步驟浪費的時間太多。於是Netscape的瀏覽器Navigator加入了Javascript，提供了數據驗證的基本功能。
JavaScript 的正式名稱是 "ECMAScript"。這個標準由 ECMA 組織發展和維護。ECMA-262 是正式的 JavaScript 標準。這個標準基於 JavaScript (Netscape) 和 JScript (Microsoft)。Netscape (Navigator 2.0) 的 Brendan Eich 發明了這門語言，從 1996 年開始，已經出現在所有的 Netscape 和 Microsoft 瀏覽器中。ECMA-262 的開發始於 1996 年，在 1997 年 7 月，ECMA 會員大會采納了它的首個版本。
在 1998 年，該標準成為了國際 ISO 標準 (ISO/IEC 16262)。這個標準仍然處於發展之中。
曆史
大概在1992年，一家稱作Nombas的公司開始開發一種叫做C減減（C-minus-minus，簡稱Cmm）的嵌入式腳本語言。這個腳本語言捆綁在一個叫做CEnvi的共享軟件產品中，當Netscape Navigator嶄露頭角時，Nombas開發了一個可以嵌入網頁中的CEnvi的版本。這些早期的試驗稱為EspressoPage（濃咖啡般的頁麵），它們代表了第一個在萬維網上使用的客戶端腳本語言。而Nombas絲毫沒有料到它的理念將會成為因特網的一塊重要基石。基本概念
在這裏隻作簡單介紹，在以後的例子中結程序再作具體解釋其作用。1、運算符
運算符就是完成操和的一係列符號，它有七類：
賦值運算符、算術運算符、比較運算符、邏輯運算符、條件運算、位操作運算符和字符串運算符。
2、表達式
運算符和操作數的組合稱為表達式，通常分為四類：賦值表達式、算術表達式、布爾表達式和字符串表達式。
3、語句
Javascript程序是由若幹語句組成的，語句是編寫程序的指令。Javascript提供了完整的基本編程語句，它們是：
賦值語句、switch選擇語句、while循環語句、for循環語句、do while循環語句、break循環中止語句和continue循環中斷語句。
4、函數
函數是命名的語句段，這個語句段可以被當作一個整體來引用不著和執行。使用函數要注意以下幾點：
1）函數由關鍵字function定義；
2）函數必須先定義後使用，否則將出錯；
3）函數名是調用函數時引用的名稱，它對大小寫是敏感的，調用函數時不可寫錯函數名；
4）參數表示傳遞給函數使用或操作的值，它可以是常量，也可以是變量；
5）return語句用於返回表達式的值，也可以沒有。
5、對象
Javascript的一個重要功能就是基於對象的功能，通過基於對象的程序設計，可以用更直觀、模塊化和可重複使用的方式進行程序開發。
一組包含數據的屬性和對屬性中包含數據進行操作的方法，稱為對象。比如要設定網頁的背景顏色，所針對的對象就是document，所用的屬性名是bgcolor，如document.bgcolor="blue"，就是表示使背景的顏色為藍色。
6、事件
用戶與網頁交互時產生的操作，稱為事件。絕大部分事都由用戶的動作所引發，如：用戶按鼠標的按鈕，就產生onclick事件，若鼠標的指針的鏈接上移動，就產生onmouseover事件等等。在Javascript中，事件往往與事件處理程序配套使用。
學習Javascript比較快速有效的方法是先熟悉一些基本概念，然後找幾個別人設計好的程序認真仔細地分析一遍，再稍作改動，再看看能否達到預期目的，不斷地舉一反三，既可以加深對一些參數、設計方法的理解，又可以快速地提高自己的水平。另外，再提醒一下：Javascript對大小寫是敏感的，特別是一些對象、方法、屬性的大小寫一定要一致，要養成一種良好的習慣，否則在調試程序時可要累死你了。
7、變量
如 var myVariable = "some value";
特點
能夠具有交互性，能夠包含更多活躍的元素，就有必要在網頁中嵌入其它的技術。如：Javascript、VBScript、Document Object Model（文件目標模塊）、Layers和 Cascading Style Sheets（CSS），這裏主要講Javascript。那麼Javascript是什麼東東？Javascript就是適應動態網頁製作的需要而誕生的一種新的編程語言，如今越來越廣泛地使用於Internet網頁製作上。 Javascript是由 Netscape公司開發的一種腳本語言（scripting language），或者稱為描述語言。在HTML基礎上，使用Javascript可以開發交互式Web網頁。Javascript的出現使得網頁和用戶之間實現了一種實時性的、動態的、交互性的關係，使網頁包含更多活躍的元素和更加精彩的內容。 運行用Javascript編寫的程序需要能支持Javascript語言的瀏覽器。Netscape公司 Navigator 3．0以上版本的瀏覽器都能支持 Javascript程序，微軟公司 Internet Explorer 3．0以上版本的瀏覽器基本上支持Javascript。微軟公司還有自己開發的Javascript，稱為JScript。 Javascript和Jscript基本上是相同的，隻是在一些細節上有出入。 Javascript短小精悍， 又是在客戶機上執行的，大大提高了網頁的瀏覽速度和交互能力。 同時它又是專門為製作Web網頁而量身定做的一種簡單的編程語言。JavaScript 使網頁增加互動性。JavaScript 使有規律地重複的HTML文段簡化，減少下載時間。JavaScript 能及時響應用戶的操作，對提交表單做即時的檢查，無需浪費時間交由 CGI 驗證。JavaScript 的特點是無窮無盡的，隻要你有創意。
與Java的不同
很多人看到 Java 和 JavaScript 都有“Java”四個字，就以為它們是同一樣東西，連我自己當初也是這樣。其實它們是完完全全不同的兩種東西。Java在客戶端的運行的應用程序叫做 Java Applet，是嵌在網頁中，而又有自己獨立的運行窗口的小程序。Java Applet 是預先編譯好的，一個 Applet 文件（.class）用 Notepad 打開閱讀，根本不能理解。Java Applet 的功能很強大，可以訪問 http、ftp等協議，甚至可以在電腦上種病毒（已有先例了）。相比之下，JavaScript 的能力就比較小了。JavaScript 是一種“腳本”（“Script”），它直接把代碼寫到 HTML 文檔中，瀏覽器讀取它們的時候才進行編譯、執行，所以能查看 HTML 源文件就能查看JavaScript 源代碼。JavaScript 沒有獨立的運行窗口，瀏覽器當前窗口就是它的運行窗口。它們的相同點，我想隻有同是以 Java 作編程語言一點了。Java是由Sun Microsystems公司於1995年5月推出的Java程序設計語言和Java平台的總稱。用Java實現的HotJava瀏覽器（支持Java applet）顯示了Java的魅力：跨平台、動感的Web、Internet計算。從此，Java被廣泛接受並推動了Web的迅速發展，常用的瀏覽器現在均支持Java applet。另一方麵，Java技術也不斷更新。
Java平台由Java虛擬機（Java Virtual Machine）和Java 應用編程接口（Application Programming Interface、簡稱API）構成。Java 應用編程接口為Java應用提供了一個獨立於操作係統的標準接口，可分為基本部分和擴展部分。在硬件或操作係統平台上安裝一個Java平台之後，Java 應用程序就可運行。現在Java平台已經嵌入了幾乎所有的操作係統。這樣Java程序可以隻編譯一次，就可以在各種係統中運行。
Java分為三個體係JavaSE，JavaEE,JavaME。
開發工具
一個 JavaScript 程序其實是一個文檔，一個文本文件。它是嵌入到 HTML 文檔中的。所以，任何可以編寫 HTML 文檔的軟件都可以用來開發 JavaScript。在此我推薦大家用 FrontPage 2000 附帶的 Microsoft 腳本編輯器（在 FrontPage 菜單 | 工具 | 宏 | Microsoft 腳本編輯器）。它是個像 Visual Basic / C++ 一樣的程序開發器，能對正在輸入的語句作出簡要提示。配合 FrontPage 2000，使工作量大大減少。使用方法
一、Javascript在網頁的用法Javascript加入網頁有兩種方法：
1、直接加入HTML文檔
這是最常用的方法，大部分含有Javascript的網頁都采用這種方法，如：
<script language="Javascript">
<!--
document.writeln("這是Javascript！采用直接插入的方法！");
//-Javascript結束-->
</script>
在這個例子中，我們可看到一個新的標簽： <script>……</script>，而<script language="Javascript"> 用來告訴瀏覽器這是用Javascript編寫的程序，需要調動相應的解釋程序進行解釋。（w3c已經建議使用新的標準：<script type="txet/javascript">)
HTML的注釋標簽<!--和-->：用來去掉瀏覽器所不能識別的Javascript源代碼的，這對不支持 Javascript 語言的瀏覽器來說是很有用的。
//-Javascript結束：雙斜杠表示 Javascript的注釋部分，即從//開始到行尾的字符都被忽略。 至於程序中所用到的document．write（）函數則表示將括號中的文字輸出到窗口中去， 這在後麵將會詳細介紹。 另外一點需要注意的是，<script>……</script>的位置並不是固定的，可以包含在<head>......</head> 或<body>.....</body>中的任何地方。
2、引用方式
如果已經存在一個Javascript源文件（以js為擴展名），則可以采用這種引用的方式，以提高程序代碼的利用率。其基本格式如下：
<script src＝url language="Javascript"></script>
其中的Url就是程序文件的地址。同樣的，這樣的語句可以放在HTML文檔頭部或主體的任何部分。 如果要實現“直接插入方式”中所舉例子的效果，可以首先創建一個Javascript源代碼文件“Script.js”，其內容如下：
document.writeln("這是Javascript！采用直接插入的方法！");
在網頁中可以這樣調用程序：<script src＝"Script.js" language="Javascript"></script> 。
在web編程中一些比較常用的javascript函數
/*** 一些常用的javascript函數(方法)
*
* 為便於使用，均書寫成String對象的方法
* 把他保存為.js文件，可方便的擴展字符串對象的功能
*
* 方法名 功 能
* ----------- --------------------------------
* Trim 刪除首位空格
* Occurs 統計指定字符出現的次數
* isDigit 檢查是否由數字組成
* isAlpha 檢查是否由數字字母和下劃線組成
* isNumber 檢查是否為數
* lenb 返回字節數
* isInChinese 檢查是否包含漢字
* isEmail 簡單的email檢查
* isDate 簡單的日期檢查，成功返回日期對象
* isInList 檢查是否有列表中的字符字符
* isInList 檢查是否有列表中的字符字符
*/
/*** 刪除首尾空格 ***/
String.prototype.Trim = function() {
return this.replace(/(^\s*)|(\s*$)/g, "");
}
/*** 統計指定字符出現的次數 ***/
String.prototype.Occurs = function(ch) {
// var re = eval("/[^"+ch+"]/g");
// return this.replace(re, "").length;
return this.split(ch).length-1;
}
/*** 檢查是否由數字組成 ***/
String.prototype.isDigit = function() {
var s = this.Trim();
return (s.replace(/\d/g, "").length == 0);
}
/*** 檢查是否由數字字母和下劃線組成 ***/
String.prototype.isAlpha = function() {
return (this.replace(/\w/g, "").length == 0);
}
/*** 檢查是否為數 ***/
String.prototype.isNumber = function() {
var s = this.Trim();
return (s.search(/^[+-]?[0-9.]*$/) >= 0);
}
/*** 返回字節數 ***/
String.prototype.lenb = function() {
return this.replace(/[^\x00-\xff]/g,"**").length;
}
/*** 檢查是否包含漢字 ***/
String.prototype.isInChinese = function() {
return (this.length != this.replace(/[^\x00-\xff]/g,"**").length);
}
/*** 簡單的email檢查 ***/
String.prototype.isEmail = function() {
var strr;
var mail = this;
var re = /(\w+@\w+\.\w+)(\.\w*)(\.\w*)/i;
re.exec(mail);
if(RegExp.!="" && RegExp.!="." && RegExp.!=".")
strr = RegExp.+RegExp.+RegExp.;
else
if(RegExp.!="" && RegExp.!=".")
strr = RegExp.+RegExp.;
else
strr = RegExp.;
return (strr==mail);
}
/*** 簡單的日期檢查，成功返回日期對象 ***/
String.prototype.isDate = function() {
var p;
var re1 = /(\d)[年./-](\d)[月./-](\d)[日]?$/;
var re2 = /(\d)[月./-](\d)[日./-](\d)[年]?$/;
var re3 = /(\d)[月./-](\d)[日./-](\d)[年]?$/;
if(re1.test(this)) {
p = re1.exec(this);
return new Date(p[1],p[2],p[3]);
}
if(re2.test(this)) {
p = re2.exec(this);
return new Date(p[3],p[1],p[2]);
}
if(re3.test(this)) {
p = re3.exec(this);
return new Date(p[3],p[1],p[2]);
}
return false;
}
/*** 檢查是否有列表中的字符字符 ***/
String.prototype.isInList = function(list) {
var re = eval("/["+list+"]/");
return re.test(this);
}
Javascript 腳本的調試
隨著用JavaScript編程的深入，你會開始理解那些JavaScript給出的不透明錯誤信息。一旦你理解了你常犯的一般性錯誤，你就會很快知道怎樣避免它們，這樣你寫的代碼中的錯誤將越來越少。編程實際上是一種能隨著時間不斷飛快進步的技術。但是不管變得多麼熟練，你仍然要花一些時間調試你的代碼。如果你做過家庭作業，或有過JacaScript編程經驗，你會知道相當多的時間是花在調試上。這很正常 - 這隻是編程者必須做的事之一。實際上，按照大量的研究，程序員平均百分之五十的時間花在解決代碼中的錯誤。關鍵是學會怎樣有效地調試你的程序。我有一些技巧可以幫助你解決程序為什麼沒有象應該的那樣運行，或者幫你首先避免寫有很多錯誤的代碼：
1.用不同方式打印出變量
2.注意一般性錯誤
3.編碼之前先想好
--------------------------------------------------------------------------------
如果JavaScript沒能捕獲你的錯誤，你也沒有通過查看代碼發現錯誤，有時打印出變量會對你有所幫助。最簡單的方法是象下麵這樣使用一個alert()：
// theGreeting gets a name using getName, then presents
// one or two alert boxes depending on what the name is
function getName()
{
var first_name = prompt("what's your first name?","");
var last_name = prompt("what's your last name?","");
var the_name = first_name + " " + last_name;
alert("in getName, the_name is: " + the_name);
}
-------------------------------------------------------------------------------
1.一般性程序錯誤
多數錯誤隻是無聊的語法錯誤。記住關閉那些引號，大括號和小括號會花費很長時間，不過幸運的是JavaScript自動錯誤檢測器能捕獲大部分此類錯誤。雖然JavaScript錯誤檢測器隨著日漸複雜的流覽器而不斷完善，但是一些錯誤仍會溜走。下麵是一些需要留意的常見錯誤：
2.混淆變量名或函數名
大寫和複數變量和函數名產生的錯誤令人煩惱地經常出現，有時JavaScript錯誤檢測器不能捕獲它們。通過建立和堅持使用一種對變量和函數的命名協定，會大大減少這些麻煩的數量。例如，我全部用小寫字母定義變量，並用下劃線代替空格 （my_variable,the_data, an_example_variable），用內置符號表示函數 (addThreeNumbers(), writeError()等)。我避免使用任何複數，因為我總是忘記那些變量是不是複數。
3.偶然地使用了保留字
一些字不能作為變量名，因為它們已經被JavaScript使用。例如，不能定義一個叫“if”的變量，因為它實際上是JavaScript的一部分 - 如果使用“if”，你會遇到各種麻煩。當你因為使用命名為“if”的變量而變得瘋狂時，一個叫做“document”的變量是很誘人的。不幸的是，“document”是一個JavaScript對象。另一個經常遇到的問題是把變量命名為“name”（窗體元素有“names”屬性）。把變量命名為“name”不會總出問題，隻是有時 - 這會更使人迷惑 - 這就是避免使用“name”變量的原因。
不幸的是，不同的流覽器有不同的保留字，所以沒有辦法知道該回避哪些字。最安全的辦法是避免使用已經成為JavaScript一部分的字和HTML使用的字。如果你因為變量遇到問題，並且不能發現哪兒錯了，試著把變量改個名字。如果成功了，你或許就避開了保留字。
4.記住在邏輯判斷時應該用兩個等號
一些流覽器能捕獲這種錯誤，有些卻不能。這是一種非常常見的錯誤，但是如果流覽器不能替你指出來，你就很難發現。下麵是一個這種錯誤的例子：
var the_name = prompt("what's your name?", "");
if (the_name = "the monkey")
{
alert("hello monkey!");
} else {
alert("hello stranger.");
}
這段代碼將產生“hello monkey!”警告對話框 - 不管你在提示裏敲的是什麼 - 這不是我們希望的。原因是在if-then語句中隻有一個等號，這句話告訴JavaScript你想讓一件事等於另一件。假設你在提示中敲的是“robbie the robot”。最開始，變量the_name的值是“robbie the robot”，但是隨後if語句告訴JavaScript你想把the_name設為“the monkey.”。於是JavaScript很高興地執行你的命令，送一個“true”消息給if-then語句，結果警告對話框每次都出現“hello monkey!”。這種陰險的錯誤會使你發瘋，所以注意使用兩個等號。
5.偶然給變量加上了引號，或忘了給字符串加引號
我不時遇到這個問題。JavaScript區分變量和字符串的唯一方法是：字符串有引號，變量沒有。下麵有一個明顯的錯誤：
var the_name = 'koko the gorilla';
alert("the_name is very happy");
雖然the_name是一個變量，但是程序還會產生一個提示“the_name is very happy,”的警告對話框。這是因為一旦JavaScript看見引號包圍著某些東西就不再考慮它，所以當你把the_name放在引號裏，你就阻止了JavaScript從內存中查找它。下麵是一個不太明顯的此類錯誤的擴展（我們已經在第三天的課程裏見過）：
function wakeMeIn3()
{
var the_message = "Wake up! Hey! Hey! WAKE UP!!!!";
setTimeout("alert(the_message);", 3000);
}
這裏的問題是你告訴JavaScript三秒後執行alert(the_message)。但是，三秒後the_message將不再存在，因為你已經退出了函數。這個問題可以這樣解決：
function wakeMeIn3()
{
var the_message = "Wake up!";
setTimeout("alert('" + the_message+ "');", 3000);
}
把the_message放在引號外麵，命令“alert('Wakeup!');”由setTimeout預定好，就可以得到你想要的。這隻是一些可能在你的代碼中作祟的很難調試的錯誤。一旦發現了它們，就有不同的或好或差的方法來改正錯誤。你很幸運，因為你能從我的經驗和錯誤中獲益。
-------------------------------------------------------------------
找到錯誤，有時候雖然很難，卻隻是第一步。然後你必須清除錯誤。下麵是一些在清除錯誤時應該做的一些事：
首先拷貝你的程序
有些錯誤很難清除。實際上，有時在根除錯誤時，你會破壞整個程序 - 一個小錯誤使你瘋狂。在開始調試前保存你的程序是確保錯誤不會利用你的最好方法。
一次修正一個錯誤
如果你知道有好幾個錯誤，應該修正一個，檢驗其結果，再開始下一個。一次修正許多錯誤而不檢驗你的工作隻會招致更多的錯誤。
警惕迷惑性錯誤
有時你知道存在一個錯誤，但不真正知道為什麼。假設有一個變量“index”，由於某種原因“index”總比你期望的小1。你可以做下麵兩件事中的一件：在那兒坐一會兒，解決它為什麼變小了，或隻是聳聳肩；在使用“index”之前加1,然後繼續進行。後一種方法稱為迷惑編程。當你開始思考“究竟是怎麼了 - 為什麼index是2而不是3呢？好吧...我現在先讓它正常工作，以後再修改錯誤。”時，你正在把一塊護創膏布貼到一處潛在的硬傷上。
迷惑編程可能在短期內有用，但是你可以看到長期的厄運 - 如果你沒有完全理解你的代碼到可以真正清除錯誤的程度，那個錯誤將會回來困擾你。它或者以另一種你不能解決的怪異錯誤的方式回來，或者當下一個可憐的被詛咒的靈魂讀你的代碼時，他會發現你的代碼非常難以理解。
尋找小錯誤
有時候，對程序員來說，剪切和粘貼代碼的能力是一種很壞的事。通常，你會在一個函數中寫一些JavaScript代碼，然後把它們剪切和粘貼到另一個函數中。如果第一個函數有問題，那麼現在兩個函數都有問題。我並不是說你不應該剪切和粘貼代碼。但是錯誤會以某種方式繁殖，如果你發現了一個錯誤，你就應該尋找與其相似的其它錯誤。（或者在製作它的若幹版本之前確切知道會發生什麼。）變量名拚寫錯誤在一段JavaScript代碼中會突然多次出現 - 在一個地方把the_name錯拚成teh_name，你就有機會在其它地方發現這個錯誤。
如果所有其它的方法都失敗了
如果你正坐在那兒盯著一個錯誤，並且不能指出是怎麼回事（或者根本沒有發現錯誤，但是因為程序不能正確運行，你知道存在錯誤），你最好從計算機前走開。去讀一本書，在角落散散步，或者拿一杯可口的飲料 - 做些事，任何事，但不要去想程序或問題。這種技術在某種情況下叫做“醞釀”，效果非常好。在你稍做休息和放鬆後，再試著找出錯誤。你會得到一幅比較清晰的景象。“醞釀”起作用是因為它使你從思維混亂中解脫出來。如果沿著一條錯路走太遠，你有時會發現無法轉身。這種情況下最好開辟一條新路。我知道這會令人發火，但確實有效。真的！
如果上麵的方法還不成功...
請求別人的幫助。有時你的思想會形成定式，隻有換一種眼光才能洞察問題之所在。在結構化編程環境中，程序員們定期地互相複查別人的代碼。這可以適當地叫做“代碼複查”，不僅可以幫助消除錯誤，還可以得到更好的代碼。不要怕把你的JavaScript代碼給別人看,它會使你成為更好的JavaScript程序員。
但是消除錯誤的絕對最好的辦法是...
一開始就創建沒有錯誤的代碼。
----------------------------------------------------------------------
編好程序的關鍵是程序是寫給人的，不是寫給計算機的。如果你能明白其他人或許會閱讀你的JavaScript，你就會寫更清晰的代碼。代碼越清晰，你就越不容易犯錯誤。機靈的代碼是可愛的，但就是這種機靈的代碼會產生錯誤。最好的經驗法則是KISS，即Keep It Simple,Sweetie（保持簡單，可愛）。另一個有幫助的技術是在寫代碼之前作注釋。這迫使你在動手之前先想好。一旦寫好了注釋，你就可以在其下麵寫代碼。
下麵是一個用這種方法寫函數的例子：
第一步：寫注釋
第二步：填充代碼
這種先寫注釋的策略不僅迫使你在寫代碼前思考，而且使編碼的過程看起來容易些 - 通過把任務分成小的，易於編碼的各個部分，你的問題看起來就不太象珠穆朗瑪峰，而象一群令人愉悅的起伏的小山。
最後... 總以分號結束你的每一條語句。
雖然並不是嚴格必需，你應該養成以分號結束每一條語句的習慣，這樣可以避免這行後麵再有代碼。忘了加分號，下一行好的代碼會突然產生錯誤。把變量初始化為“var”，除非你有更好的理由不這樣做。用“var”把變量局域化可以減少一個函數與另一個不相關函數相混淆的機會。
好了，既然你已經知道了如何編碼，下麵就讓我們學習怎樣使
你的JavaScript快速運行。>>
---------------------------------------------------------
按速度優化JavaScript代碼
1.限製循環內的工作量
2.定製if-then-else語句，按最可能到最不可能的順序
3.最小化重複執行的表達式
編寫第一個JavaScript程序
<html><head>
<Script Language ="JavaScript">
// JavaScript Appears here.
alert("這是第一個JavaScript例子!");
alert("歡迎你進入JavaScript世界!");
alert("今後我們將共同學習JavaScript知識！"); </Script>
</Head> </Html>
JavaScript代碼由 <Script Language ="JavaScript">...</Script>說明。在標識<Script Language ="JavaScript">...</Script>之間就可加入JavaScript腳本。 alert()是JavaScript的窗口對象方法，其功能是彈出一個具有OK對話框並顯示（）中的字符串。 通過<!-- ...//-->標識說明：若不認識JavaScript代碼的瀏覽器，則所有在其中的標識均被忽略；若認識，則執行其結果。使用注釋這是一個好的編程習慣，它使其他人可以讀懂你的語言。 JavaScript 以 </Script> 標簽結束。
本文版权：http://www.ndfweb.cn/news-223.html
