javascript入門書籍推薦《javascript基礎教程》,javascript入門教程

來源:互聯網
上載者:User

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語句應該就不再是問題了。

有興趣的同學,可以去買本看看噢。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.