javascript入門書籍推薦《javascript基礎教程》,javascript入門教程
前段時間看javascript進階教程的時候,發現很多基礎的javascript概念,自己不懂.
網上搜了一下,看到大家對《javascript基礎教程(第8版)》評價不錯,買了一本。
作者: (美)Tom Negrino Dori Smith譯者: 陳劍甌 柳靖叢書名: 圖靈程式設計叢書出版社:人民郵電出版社
翻開看了後,受益匪淺,決定將這本書推薦給javascript的入門童鞋。
這本書的讀者,要有一定的HTML基礎,因為javascript基本都是對Dom的操作,所以,有一定的HTML基礎看起來比較方便。這本書最大的好處,就是它的每一行代碼,都給做詳細的講解,可以說是手把手帶著讀者入門。
舉個例子:
第二章 2.10 章節,使用多級條件中
指令碼 2-14 這段HTML建立多級條件頁面
<!DOCTYPE html><html><head><title>Switch/Case handling</title><script src="script09.js"></script></head><body><h2>Famous Presidential Quotes</h2><form action="#"><input type="button" id="Lincoln" value="Lincoln"> <input type="button" id="Kennedy" value="Kennedy"><input type="button" id="Nixon" value="Nixon"></form></body></html>
指令碼 2-15 這種條件陳述式允許針對多種可能性進行檢查
window.onload = initAll;function initAll() {document.getElementById("Lincoln").onclick = saySomething;document.getElementById("Kennedy").onclick = saySomething;document.getElementById("Nixon").onclick = saySomething;}function saySomething() {switch(this.id) {case "Lincoln":alert("Four score and seven years ago...");break;case "Kennedy":alert("Ask not what your country can do for you...");break;case "Nixon":alert("I am not a crook!");break;default:}}
使用switch/case 語句
1. window.load = initAll;
當載入頁面時,調用initAll() 函數
2. function initAll() {
document.getElementById("Lincoln").onclick = saySomething;
document.getElementById("Kennedy").onclick = saySomething;
document.getElementById("Nixon").onclick = saySomething;
}
在這個函數中,我們為頁面上的每個按鈕設定了onclick 處理常式。因為在HTML中設定了id屬性和value屬性,所以可以使用getElementById() 設定事件處理常式。如果有value屬性,就可以使用getElementById() 調用,那麼就不必設定id屬性。
3. function saySomething() {
這一行開始saySomething()函數
4. switch(this.id) {
this 對象的id用作switch() 的參數。這個值將決定執行以下case語句中的哪一個。
5. case 'Lincoln" :
alert("Four score and seven years ago...");
break;
如果this對象的id是Lincoln,那麼現實這個警告訊息。如果使用者單擊Lincoln,就會進入這裡的代碼。但是在這裡已經執行了我們需要的操作,所以我們希望離開這個switch語句,為此,需要使用break語句。如果沒有break,就會繼續執行下面的所有代碼。儘管某些情況下繼續執行下面的分支是我們需要的效果,但是在這個樣本中不應該這麼做。
6. case "Kennedy":
alert("Ask not what your country can do for you...");
break;
如果使用者單擊Kennedy,就會進入這個case塊。
7. case "Nixon":
alert("I am not a crook!");
break;
最後,如果使用者單擊Nixon,就會進入這裡,這裡彈出另一個警告對話方塊。然後退出switch語句。
8. default:
如果使用者的輸入與上面的條件都不匹配,那麼就會執行這裡的代碼。也就是說,如果switch 值與任何case值都不匹配,就會進入default部分。default部分塊是可選的,但是包含default塊是一種好的編程習慣,可以以防萬一。在這個指令碼中,這裡沒有必要執行的代碼,因為我們應該不可能進入default部分。
9. }
這個右花括弧結束switch語句。
上面的是書中的一個小例子,書中通篇的例子都是這個模樣,基本都是一行一行的解釋過去的,很適合新入門學習javascript的同學。
這本書偏重於javascript的認識和應用,看完這本書,基本的javascript語句應該就不再是問題了。
有興趣的同學,可以去買本看看噢。