PHP-Javascript基礎(chǔ)知識(shí)
本電子書(shū)由站長(zhǎng)百科(www.zzbaike.com)教程組制作PHP ‐Javascript 基礎(chǔ)知識(shí)? 出處:站長(zhǎng)百科?? 原文地址:???? 本電子書(shū)整理自站長(zhǎng)百科詞條,查看內(nèi)容請(qǐng)?jiān)L問(wèn)網(wǎng)站。PHP
本電子書(shū)由站長(zhǎng)百科(www.zzbaike.com)教程組制作
PHP ‐Javascript 基礎(chǔ)知識(shí)
? 出處:站長(zhǎng)百科?
? 原文地址:??
?? 本電子書(shū)整理自站長(zhǎng)百科詞條,查看內(nèi)容請(qǐng)?jiān)L問(wèn)網(wǎng)站。
PHP-Javascript 基礎(chǔ)知識(shí)...............................................................................................1
Javascript簡(jiǎn)介............................................................................................................2
Javascript寫(xiě)在哪里....................................................................................................4
Javascript放在外部文件里........................................................................................6
編寫(xiě) Javascript 代碼................................................................................................8
語(yǔ)句 (Statements)......................................................................................................8
語(yǔ)句塊 (Blocks)..........................................................................................................9
注釋 (Comments)........................................................................................................10
表達(dá)式 (Expressions)..............................................................................................11
賦值和等于 (Assignments and Equality)............................................................13
Javascript變量(Javascript Variables)..............................................................13
什么是變量?.......................................................................................................13
變量的聲明(Declaring Variables)........................................................................14
變量的命名規(guī)則...................................................................................................14
Javascript條件語(yǔ)句..................................................................................................15
使用 for...in 循環(huán)語(yǔ)句..........................................................................................23
for...in 循環(huán)語(yǔ)句示例代碼..................................................................................23
使用 while 和 do...while 循環(huán)語(yǔ)句..................................................................25
更多電子書(shū)..................................................................................................................27 站長(zhǎng)百科聯(lián)合美國(guó)主機(jī)偵探推出2G 超大免費(fèi)空間,20G 流量,1個(gè)獨(dú)立IP ,絕對(duì)免費(fèi),安全性強(qiáng),穩(wěn)定性高,無(wú)需備案,站長(zhǎng)建站的好選擇http://freehost4life.com/ 不要錯(cuò)過(guò)了
?
?
?
?
出處:站長(zhǎng)百科?原文地址:??本電子書(shū)整理自站長(zhǎng)百科詞條,查看內(nèi)容請(qǐng)?jiān)L問(wèn)網(wǎng)站。?
,本電子書(shū)由站長(zhǎng)百科(www.zzbaike.com)教程組制作
推薦內(nèi)容: 全球第一大域名注冊(cè)商 | Godaddy 注冊(cè)域名優(yōu)惠碼
Javascript簡(jiǎn)介 Javascript 是一種解釋性的,基于對(duì)象的腳本語(yǔ)言(an
interpreted, object-based scripting language)。 HTML網(wǎng)頁(yè)在 互動(dòng)性方面能力較弱,例如下拉菜單,就是用戶點(diǎn)擊某一菜單項(xiàng)時(shí),自動(dòng)會(huì)出現(xiàn)該菜單項(xiàng)的所有子菜單,用純HTML網(wǎng)頁(yè)無(wú)法實(shí)現(xiàn);又如驗(yàn)證HTML表單 (Form)提交信息的有效性,用戶名不能為空,密碼不能少于4位,郵政編碼只能是數(shù)字之類,用純HTML網(wǎng)頁(yè)也無(wú)法實(shí)現(xiàn)。要實(shí)現(xiàn)這些功能,就需要用到 Javascript。
Javascript 是一種腳本語(yǔ)言,比HTML 要復(fù)雜。不過(guò)即便你先前不懂編程,也不用擔(dān)心,因?yàn)镴avascript 寫(xiě)的程序都是以源 代碼的形式出現(xiàn)的,也就是說(shuō)你在一個(gè)網(wǎng)頁(yè)里看到一段比較好的Javascript 代碼,恰好你也用得上,就可以直接拷貝,然后放到你的網(wǎng)頁(yè)中去。正因?yàn)榭?以借鑒、參考優(yōu)秀網(wǎng)頁(yè)的代碼,所以讓Javascript 本身也變得非常受歡迎,從而被廣泛應(yīng)用。原來(lái)不懂編程的人,多參考Javascript 示例代 碼,也能很快上手。
Javascript 主要是基于客戶端運(yùn)行的,用戶點(diǎn)擊帶有
Javascript 的網(wǎng)頁(yè),網(wǎng)頁(yè)里的Javascript 就傳到瀏覽器,由瀏 覽器對(duì)此作處理。前面提到的下拉菜單、驗(yàn)證表單有效性等大量互動(dòng)性?
?
?
?
出處:站長(zhǎng)百科?原文地址:??本電子書(shū)整理自站長(zhǎng)百科詞條,查看內(nèi)容請(qǐng)?jiān)L問(wèn)網(wǎng)站。?
本電子書(shū)由站長(zhǎng)百科(www.zzbaike.com)教程組制作
功能,都是在客戶端完成的,不需要和Web Server發(fā)生任何數(shù)據(jù)交換,
因此,不會(huì)增加Web Server的負(fù)擔(dān)。
幾乎所有瀏覽器都支持Javascript,如Internet Explorer(IE),F(xiàn)irefox, Netscape, Mozilla, Opera等。
簡(jiǎn)單的Javascript 入門(mén)示例
我們先來(lái)看一個(gè)最簡(jiǎn)單的例子,代碼如下:
document.write)
?
?
?
?
出處:站長(zhǎng)百科?原文地址:??本電子書(shū)整理自站長(zhǎng)百科詞條,查看內(nèi)容請(qǐng)?jiān)L問(wèn)網(wǎng)站。?
本電子書(shū)由站長(zhǎng)百科(www.zzbaike.com)教程組制作
在HTML 網(wǎng)頁(yè)里插入Javascript 語(yǔ)句,應(yīng)使用HTML 的其中的為 Javascript語(yǔ)句。
上面的例子中,使用了document.wirte,這是Javascript 中非常常用的語(yǔ)句,表示輸出文本。
我們還可以將這個(gè)例子寫(xiě)得更加復(fù)雜寫(xiě),不但輸出文本,而且輸出帶HTML 格式的文本。代碼如下:
在參考別人的Javascript 代碼時(shí),你也許會(huì)看到里的代碼是
Javascript。其中l(wèi)anguage 這個(gè)屬性在W3C 的HTML 標(biāo)準(zhǔn)中,已不再推薦使用。
Javascript寫(xiě)在哪里
Javascript 程序可以放在:
?
?
?
?
出處:站長(zhǎng)百科?原文地址:??本電子書(shū)整理自站長(zhǎng)百科詞條,查看內(nèi)容請(qǐng)?jiān)L問(wèn)網(wǎng)站。?
本電子書(shū)由站長(zhǎng)百科(www.zzbaike.com)教程組制作
·HTML網(wǎng)頁(yè)的
里·HTML網(wǎng)頁(yè)的
里·外部.js文件里
Javascript 在
之間當(dāng)瀏覽器載入網(wǎng)頁(yè)Body 部分的時(shí)候,就執(zhí)行其中的Javascript 語(yǔ)句,執(zhí)行之后輸出的內(nèi)容就顯示在網(wǎng)頁(yè)中。
Javascript 在
之間?
?
?
?
出處:站長(zhǎng)百科?原文地址:??本電子書(shū)整理自站長(zhǎng)百科詞條,查看內(nèi)容請(qǐng)?jiān)L問(wèn)網(wǎng)站。?
本電子書(shū)由站長(zhǎng)百科(www.zzbaike.com)教程組制作
有時(shí)候并不需要一載入HTML 就運(yùn)行Javascript,而是用戶點(diǎn)擊了HTML 中的某個(gè)對(duì)象,觸發(fā)了一個(gè)事件,才需要調(diào)用Javascript。這時(shí)候,通常將這樣的Javascript 放在HTML 的
里。Javascript放在外部文件里
假使某個(gè)Javascript 的程序被多個(gè)HTML 網(wǎng)頁(yè)使用,最好的方法,是將這個(gè)Javascript 程序放到一個(gè)后綴名為.js的文本文件里。 ?
?
?
?
出處:站長(zhǎng)百科?原文地址:??本電子書(shū)整理自站長(zhǎng)百科詞條,查看內(nèi)容請(qǐng)?jiān)L問(wèn)網(wǎng)站。?
本電子書(shū)由站長(zhǎng)百科(www.zzbaike.com)教程組制作
這樣做,可以提高Javascript 的復(fù)用性,減少代碼維護(hù)的負(fù)擔(dān),不必將相同的Javascript 代碼拷貝到多個(gè)HTML 網(wǎng)頁(yè)里,將來(lái)一旦程序有所修改,也只要修改.js文件就可以,不用再修改每個(gè)用到這個(gè)Javascript 程序的HTML 文件。
在HTML 里引用外部文件里的Javascript,應(yīng)在Head 里寫(xiě)一句,其中src 的值,就是Javascript 所在文件的文件路徑。示例代碼如下:
?
?
?
?
出處:站長(zhǎng)百科?原文地址:??本電子書(shū)整理自站長(zhǎng)百科詞條,查看內(nèi)容請(qǐng)?jiān)L問(wèn)網(wǎng)站。?
本電子書(shū)由站長(zhǎng)百科(www.zzbaike.com)教程組制作
編寫(xiě) Javascript 代碼
象很多其它編程語(yǔ)言一樣,Javascript 也是用文本格式編寫(xiě),由語(yǔ)句 (statements),語(yǔ)句塊 (blocks) 和注釋 (comments) 構(gòu)成。語(yǔ)句塊 (blocks) 是由一些相互有關(guān)聯(lián)的語(yǔ)句構(gòu)成的語(yǔ)句集合。在一句語(yǔ)句 (statement) 里,你可以使用變量,字符串和數(shù)字
(literals),以及表達(dá)式 (expressions)。
語(yǔ)句 (Statements)
一個(gè) Javascript 程序就是一個(gè)語(yǔ)句的集合。一句 Javascript 語(yǔ)句相當(dāng)于一句完整的句子。Javascript 語(yǔ)句將表達(dá)式
(expressions)用某種方式組合起來(lái),得以完成某項(xiàng)任務(wù)。
一句語(yǔ)句 (statement) 包含一個(gè)或多個(gè)表達(dá)式
(expressions),關(guān)鍵詞 (keywords) 和運(yùn)算符 (operators)。一般來(lái)說(shuō),一句語(yǔ)句的所有內(nèi)容寫(xiě)在同一行內(nèi)。不過(guò),一句語(yǔ)句也可以寫(xiě)成多行。此外,多句語(yǔ)句也可以通過(guò)用分號(hào) (;) 分隔,寫(xiě)在同一行內(nèi)。
建議:將每句語(yǔ)句以顯示的方式結(jié)束,即在每個(gè)語(yǔ)句最后加分號(hào) (;) 來(lái)表示該句語(yǔ)句的結(jié)束。
以下是幾個(gè)語(yǔ)句的例子:
?
?
?
?
出處:站長(zhǎng)百科?原文地址:??本電子書(shū)整理自站長(zhǎng)百科詞條,查看內(nèi)容請(qǐng)?jiān)L問(wèn)網(wǎng)站。?
本電子書(shū)由站長(zhǎng)百科(www.zzbaike.com)教程組制作
aBird = "Robin";
上面這句語(yǔ)句表示將 "Robin" 這個(gè)字符串賦值給變量 aBird。 var today = new Date();
上面這句語(yǔ)句表示將今天的日期值賦值給變量 today。
語(yǔ)句塊 (Blocks)
通常來(lái)說(shuō),用 {} 括起來(lái)的一組 Javascript 語(yǔ)句稱為語(yǔ)句塊 (blocks)。語(yǔ)句塊通??梢钥醋鍪且痪鋯为?dú)的語(yǔ)句。也就是說(shuō),在很多地方,語(yǔ)句塊可以作為一句單個(gè)的語(yǔ)句被其它 Javascript 代碼調(diào)用。但是以 for 和 while 開(kāi)頭的循環(huán)語(yǔ)句例外。另外要注意的是,
注意:在語(yǔ)句塊里面的每句語(yǔ)句以分號(hào) (;) 表示結(jié)束,但是語(yǔ)句塊本身不用分號(hào)。
語(yǔ)句塊 (blocks) 通常用于函數(shù)和條件語(yǔ)句中。
下面的例句中,{} 中間的 5 句語(yǔ)句構(gòu)成一個(gè)語(yǔ)句塊 (block),而最后三行語(yǔ)句,不在語(yǔ)句塊內(nèi)。
function convert(inches) {
feet = inches / 12;
?
?
?
?
出處:站長(zhǎng)百科?原文地址:??本電子書(shū)整理自站長(zhǎng)百科詞條,查看內(nèi)容請(qǐng)?jiān)L問(wèn)網(wǎng)站。?
本電子書(shū)由站長(zhǎ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)
為了程序的可讀性,以及便于日后代碼修改和維護(hù)時(shí),更快理解代碼,你可以在 Javascript 程序里為代碼寫(xiě)注釋(comments)。
在 Javascript 語(yǔ)言里,用兩個(gè)斜杠 // 來(lái)表示單行注釋。見(jiàn)例句:
aGoodIdea = "Comment your code thoroughly."; // 這是單行注釋。
?
?
?
?
出處:站長(zhǎng)百科?原文地址:??本電子書(shū)整理自站長(zhǎng)百科詞條,查看內(nèi)容請(qǐng)?jiān)L問(wèn)網(wǎng)站。?