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 編程藝術是首選