Javascript 學習 筆記一,javascript筆記

來源:互聯網
上載者:User

Javascript 學習 筆記一,javascript筆記

1、操作 HTML 元素
       如需從 JavaScript 訪問某個 HTML 元素,您可以使用 document.getElementById(id) 方法。
       請使用 "id" 屬性來標識 HTML 元素:
例子:
       通過指定的 id 來訪問 HTML 元素,並改變其內容:

<!DOCTYPE html><html><body><h1>My First Web Page</h1><p id="demo">My First Paragraph</p><script>document.getElementById("demo").innerHTML="My First JavaScript";</script></body></html>

輸出結果:

My First Web PageMy First JavaScript

2、數組       

      下面的代碼建立名為 cars 的數組:

var cars=new Array();cars[0]="Audi";cars[1]="BMW";cars[2]="Volvo";
       或者 (condensed array):
var cars=new Array("Audi","BMW","Volvo");

3、對象(對象只是帶有屬性和方法的特殊資料類型)

      屬性是與對象相關的值,方法是能夠在對象上執行的動作。

      對象由花括弧分隔。在括弧內部,對象的屬性以名稱和值對的形式 (name : value) 來定義。屬性由逗號分隔:

var person={firstname:"Bill", lastname:"Gates", id:5566};
      上面例子中的對象 (person) 有三個屬性:firstname、lastname 以及 id。
      空格和折行無關緊要。聲明可橫跨多行:
var person={firstname : "Bill",lastname  : "Gates",id        :  5566};

4、聲明變數類型

       當您聲明新變數時,可以使用關鍵詞 "new" 來聲明其類型:

var carname=new String;var x=      new Number;var y=      new Boolean;var cars=   new Array;var person= new Object;

       JavaScript 變數均為對象。當您聲明一個變數時,就建立了一個新的對象。

小註:

       JavaScript 中的所有事物都是對象:字串、數字、數組、日期,等等。
       在 JavaScript 中,對象是擁有屬性和方法的資料。

5、屬性和方法

       屬性是與對象相關的值。
       方法是能夠在對象上執行的動作。
       舉例:汽車就是現實生活中的對象。
汽車的屬性:

car.name=Fiatcar.model=500car.weight=850kgcar.color=white 
汽車的方法:
car.start()car.drive()car.brake()
       汽車的屬性包括名稱、型號、重量、顏色等。
       所有汽車都有這些屬性,但是每款車的屬性都不盡相同。
       汽車的方法可以是啟動、駕駛、刹車等。
       所有汽車都擁有這些方法,但是它們被執行的時間都不盡相同

6、標籤

       正如您在 switch 語句那一章中看到的,可以對 JavaScript 語句進行標記。
       如需標記 JavaScript 語句,請在語句之前加上冒號:

label:語句
       break 和 continue 語句僅僅是能夠跳出代碼塊的語句。
       文法
break labelname;continue labelname;
       continue 語句(帶有或不帶標籤引用)只能用在迴圈中。
       break 語句(不帶標籤引用),只能用在迴圈或 switch 中。
       通過標籤引用,break 語句可用於跳出任何 JavaScript 代碼塊:
執行個體:
cars=["BMW","Volvo","Saab","Ford"];list:{document.write(cars[0] + "<br>");document.write(cars[1] + "<br>");document.write(cars[2] + "<br>");break list;document.write(cars[3] + "<br>");document.write(cars[4] + "<br>");document.write(cars[5] + "<br>");}

輸出結果:

BMWVolvoSaab
7、








誰有javascript學習筆記呀,給我發一下了

在網上下載學習手冊! 百度搜:javascript手冊下載
 
推薦一本學習JavaScript的書籍,

入門推薦首選書籍:《JavaScript DOM 編程藝術 》
網上評價很高,我的js也是從這本書開始的,前後反覆讀了3遍,書內容簡單,易學,上手快,編程思想嚴謹。好的入門書,對你未來的編程都會有著深遠的影響。此本書不辜負這個曆史使命。

基礎學習書籍:《JavaScript 權威指南》
《JavaScript 權威指南》詳盡的介紹了 JavaScript 的各種函數以及特性。至於後面差不多 500 頁左右的參考(JavaScript 核心參考、用戶端 JavaScript 參考、DOM 參考)可以暫時不看。

進階提升書籍:《JavaScript 進階程式設計》
在思想上強調 OPP 的概念,內容上注重實用,可以從中學到更多更細緻的知識,並且注重瀏覽器差異的解決。
但如果要閱讀必須有一定的 JavaScript 的基礎(或者讀完前兩本),要不然會帶來挫折感,打擊學習的熱情。

我的個人人感受,與其泛泛讀幾本書,不如精讀一本,JavaScript DOM 編程藝術是首選
 

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.