本電子書由站長百科(www.zzbaike.com)教程組制作PHP ‐Javascript 基礎知識? 出處：站長百科?? 原文地址：???? 本電子書整理自站長百科詞條，查看內(nèi)容請訪問網(wǎng)站。PHP

本電子書由站長百科(www.zzbaike.com)教程組制作

PHP ‐Javascript 基礎知識

? 出處：站長百科?

? 原文地址：??

?? 本電子書整理自站長百科詞條，查看內(nèi)容請訪問網(wǎng)站。

PHP-Javascript 基礎知識...............................................................................................1

Javascript簡介............................................................................................................2

Javascript寫在哪里....................................................................................................4

Javascript放在外部文件里........................................................................................6

編寫 Javascript 代碼................................................................................................8

語句 (Statements)......................................................................................................8

語句塊 (Blocks)..........................................................................................................9

注釋 (Comments)........................................................................................................10

表達式 (Expressions)..............................................................................................11

賦值和等于 (Assignments and Equality)............................................................13

Javascript變量(Javascript Variables)..............................................................13

什么是變量？.......................................................................................................13

變量的聲明(Declaring Variables)........................................................................14

變量的命名規(guī)則...................................................................................................14

Javascript條件語句..................................................................................................15

使用 for...in 循環(huán)語句..........................................................................................23

for...in 循環(huán)語句示例代碼..................................................................................23

使用 while 和 do...while 循環(huán)語句..................................................................25

更多電子書..................................................................................................................27 站長百科聯(lián)合美國主機偵探推出2G 超大免費空間，20G 流量，1個獨立IP ，絕對免費，安全性強，穩(wěn)定性高，無需備案，站長建站的好選擇http://freehost4life.com/ 不要錯過了

?

?

?

?

出處：站長百科?原文地址：??本電子書整理自站長百科詞條，查看內(nèi)容請訪問網(wǎng)站。?

本電子書由站長百科(www.zzbaike.com)教程組制作

推薦內(nèi)容： 全球第一大域名注冊商 | Godaddy 注冊域名優(yōu)惠碼

Javascript簡介 Javascript 是一種解釋性的，基于對象的腳本語言(an

interpreted, object-based scripting language)。 HTML網(wǎng)頁在 互動性方面能力較弱，例如下拉菜單，就是用戶點擊某一菜單項時，自動會出現(xiàn)該菜單項的所有子菜單，用純HTML網(wǎng)頁無法實現(xiàn)；又如驗證HTML表單 (Form)提交信息的有效性，用戶名不能為空，密碼不能少于4位，郵政編碼只能是數(shù)字之類，用純HTML網(wǎng)頁也無法實現(xiàn)。要實現(xiàn)這些功能，就需要用到 Javascript。

Javascript 是一種腳本語言，比HTML 要復雜。不過即便你先前不懂編程，也不用擔心，因為Javascript 寫的程序都是以源 代碼的形式出現(xiàn)的，也就是說你在一個網(wǎng)頁里看到一段比較好的Javascript 代碼，恰好你也用得上，就可以直接拷貝，然后放到你的網(wǎng)頁中去。正因為可 以借鑒、參考優(yōu)秀網(wǎng)頁的代碼，所以讓Javascript 本身也變得非常受歡迎，從而被廣泛應用。原來不懂編程的人，多參考Javascript 示例代 碼，也能很快上手。

Javascript 主要是基于客戶端運行的，用戶點擊帶有

Javascript 的網(wǎng)頁，網(wǎng)頁里的Javascript 就傳到瀏覽器，由瀏 覽器對此作處理。前面提到的下拉菜單、驗證表單有效性等大量互動性?

?

?

?

出處：站長百科?原文地址：??本電子書整理自站長百科詞條，查看內(nèi)容請訪問網(wǎng)站。?

本電子書由站長百科(www.zzbaike.com)教程組制作

功能，都是在客戶端完成的，不需要和Web Server發(fā)生任何數(shù)據(jù)交換，

因此，不會增加Web Server的負擔。

幾乎所有瀏覽器都支持Javascript，如Internet Explorer(IE)，F(xiàn)irefox， Netscape， Mozilla， Opera等。

簡單的Javascript 入門示例

我們先來看一個最簡單的例子，代碼如下：

?

?

?

?

出處：站長百科?原文地址：??本電子書整理自站長百科詞條，查看內(nèi)容請訪問網(wǎng)站。?

本電子書由站長百科(www.zzbaike.com)教程組制作

在HTML 網(wǎng)頁里插入Javascript 語句，應使用HTML 的其中的為 Javascript語句。

上面的例子中，使用了document.wirte，這是Javascript 中非常常用的語句，表示輸出文本。

我們還可以將這個例子寫得更加復雜寫，不但輸出文本，而且輸出帶HTML 格式的文本。代碼如下：

在參考別人的Javascript 代碼時，你也許會看到里的代碼是

Javascript。其中l(wèi)anguage 這個屬性在W3C 的HTML 標準中，已不再推薦使用。

Javascript寫在哪里

Javascript 程序可以放在：

?

?

?

?

出處：站長百科?原文地址：??本電子書整理自站長百科詞條，查看內(nèi)容請訪問網(wǎng)站。?

本電子書由站長百科(www.zzbaike.com)教程組制作

·HTML網(wǎng)頁的里

·HTML網(wǎng)頁的里

·外部.js文件里

Javascript 在之間

當瀏覽器載入網(wǎng)頁Body 部分的時候，就執(zhí)行其中的Javascript 語句，執(zhí)行之后輸出的內(nèi)容就顯示在網(wǎng)頁中。

Javascript 在之間

?

?

?

?

出處：站長百科?原文地址：??本電子書整理自站長百科詞條，查看內(nèi)容請訪問網(wǎng)站。?

本電子書由站長百科(www.zzbaike.com)教程組制作

有時候并不需要一載入HTML 就運行Javascript，而是用戶點擊了HTML 中的某個對象，觸發(fā)了一個事件，才需要調(diào)用Javascript。這時候，通常將這樣的Javascript 放在HTML 的里。

Javascript放在外部文件里

假使某個Javascript 的程序被多個HTML 網(wǎng)頁使用，最好的方法，是將這個Javascript 程序放到一個后綴名為.js的文本文件里。 ?

?

?

?

出處：站長百科?原文地址：??本電子書整理自站長百科詞條，查看內(nèi)容請訪問網(wǎng)站。?

本電子書由站長百科(www.zzbaike.com)教程組制作

這樣做，可以提高Javascript 的復用性，減少代碼維護的負擔，不必將相同的Javascript 代碼拷貝到多個HTML 網(wǎng)頁里，將來一旦程序有所修改，也只要修改.js文件就可以，不用再修改每個用到這個Javascript 程序的HTML 文件。

在HTML 里引用外部文件里的Javascript，應在Head 里寫一句，其中src 的值，就是Javascript 所在文件的文件路徑。示例代碼如下：

?

?

?

?

出處：站長百科?原文地址：??本電子書整理自站長百科詞條，查看內(nèi)容請訪問網(wǎng)站。?

本電子書由站長百科(www.zzbaike.com)教程組制作

編寫 Javascript 代碼

象很多其它編程語言一樣，Javascript 也是用文本格式編寫，由語句 (statements)，語句塊 (blocks) 和注釋 (comments) 構成。語句塊 (blocks) 是由一些相互有關聯(lián)的語句構成的語句集合。在一句語句 (statement) 里，你可以使用變量，字符串和數(shù)字

(literals)，以及表達式 (expressions)。

語句 (Statements)

一個 Javascript 程序就是一個語句的集合。一句 Javascript 語句相當于一句完整的句子。Javascript 語句將表達式

(expressions)用某種方式組合起來，得以完成某項任務。

一句語句 (statement) 包含一個或多個表達式

(expressions)，關鍵詞 (keywords) 和運算符 (operators)。一般來說，一句語句的所有內(nèi)容寫在同一行內(nèi)。不過，一句語句也可以寫成多行。此外，多句語句也可以通過用分號 (;) 分隔，寫在同一行內(nèi)。

建議：將每句語句以顯示的方式結束，即在每個語句最后加分號 (;) 來表示該句語句的結束。

以下是幾個語句的例子：

?

?

?

?

出處：站長百科?原文地址：??本電子書整理自站長百科詞條，查看內(nèi)容請訪問網(wǎng)站。?

本電子書由站長百科(www.zzbaike.com)教程組制作

aBird = "Robin";

上面這句語句表示將 "Robin" 這個字符串賦值給變量 aBird。 var today = new Date();

上面這句語句表示將今天的日期值賦值給變量 today。

語句塊 (Blocks)

通常來說，用 {} 括起來的一組 Javascript 語句稱為語句塊 (blocks)。語句塊通常可以看做是一句單獨的語句。也就是說，在很多地方，語句塊可以作為一句單個的語句被其它 Javascript 代碼調(diào)用。但是以 for 和 while 開頭的循環(huán)語句例外。另外要注意的是，

注意：在語句塊里面的每句語句以分號 (;) 表示結束，但是語句塊本身不用分號。

語句塊 (blocks) 通常用于函數(shù)和條件語句中。

下面的例句中，{} 中間的 5 句語句構成一個語句塊 (block)，而最后三行語句，不在語句塊內(nèi)。

function convert(inches) {

feet = inches / 12;

?

?

?

?

出處：站長百科?原文地址：??本電子書整理自站長百科詞條，查看內(nèi)容請訪問網(wǎng)站。?

本電子書由站長百科(www.zzbaike.com)教程組制作

miles = feet / 5280;

nauticalMiles = feet / 6080;

cm = inches * 2.54;

meters = inches / 39.37;

}

km = meters / 1000;

kradius = km;

mradius = miles;

注釋 (Comments)

為了程序的可讀性，以及便于日后代碼修改和維護時，更快理解代碼，你可以在 Javascript 程序里為代碼寫注釋(comments)。

在 Javascript 語言里，用兩個斜杠 // 來表示單行注釋。見例句：

aGoodIdea = "Comment your code thoroughly."; // 這是單行注釋。

?

?

?

?

出處：站長百科?原文地址：??本電子書整理自站長百科詞條，查看內(nèi)容請訪問網(wǎng)站。?