一:JavaScript基礎教程
1、JavaScript介紹:一種輕量級的編程語言、是可插入HTML頁面的編程代碼,JavaScript插入HTML頁面後,可由所有瀏覽器執行。
2、JavaScript用法:HTML中腳本必須位於<script></script>標籤中。腳本可以被放置在HTML頁面的<body>或者<head>中。在HTML中不限制腳本使用數量,通常把腳本放到<head>中、以不干擾頁面內容。
3、JavaScript輸出:JavaScript通常同來操作HTML。文檔輸出:document.write("<p>this is my first JavaScript</p>");
4、JavaScript語法:
①JavaScript語句向瀏覽器發送命令,告訴瀏覽器該做什麼
②語句之間的分割是分號(;)JavaScript代碼按照編寫順序依次執行
③JavaScript標識符必須以字母,下劃線或美元符號開始。
④書寫對大小寫非常敏感。JavaScript會忽略掉多餘的空格。
5、JavaScript註釋:①單行註釋:// ②多行註釋:/* */
6、JavaScript變量:①變量是用來儲存信息的“容器”,(例如:var x =10; var y =10.1; var z ="Hello";)
7、JavaScript數據類型:①字符串String②數字Number③布爾Boolean④數組Array⑤對象Object⑥空null⑦未定義⑧可以通過賦值爲null的方式清除變量。
二:JavaScript語法詳解
1、JavaScript運算符:
①算數運算符:+、-、*、/、%(取餘)、++(自加)、--(自減) (備註:i++與++i、如果++在前先加再運算;如果++在後先運算再加)
②賦值運算符:=、+=、-=、*=、/=、%= (備註:var m = i+=j;等同於i+j)
③字符串操作(備註:任何類型與字符串相加都會被轉換爲字符串類型)
④比較運算符:==(比較的是值)、===(不僅比較值,還比較類型)、!=、!==、>、<、>=、<= (備註:它返回的是一個布爾類型,要麼是真要麼是假;)
⑤邏輯運算符:&& (與)、|| (或)、!(非:取反)
⑥條件運算符(三目運算符):例如(x<10? "x比10小":"x比10大"說白了 條件?滿足條件輸出:不滿足條件輸出)
2、JavaScript條件語句:
①if.....else:寫法 (備註:else可以繼續嵌套if)
if(條件){
滿足條件時輸出
} else{
不滿足條件時輸出
}
②switch:寫法 (備註:當條件不滿足任何一個case,將執行default裏的代碼)
switch(條件){
case 條件:
break;
case 條件:
break;
default :
break;
}
3、JavaScript循環語句:
①for循環、for/in (備註:可以把for裏面的第一個條件拿出來放在外面,但是分號必須還在)
例如:var i=[1,2,3,4,5]
for(var j=0; j<5; j++){
document.write( i [j] );
}
②while循環、do....while (備註:while是先判斷再執行,do...while是先執行一次再判斷)
while(判斷語句){
符合條件時執行的代碼
}
4、JavaScript跳轉語句:
①break:跳出循環語句,不在繼續執行。
②continue:跳出本次循環,繼續進行下次循環。
③return:返回值之後的語句不再執行
三:JavaScript函數
1、函數:函數是由事件驅動的或者當它被調用時執行的可重複使用的代碼塊。
2、定義函數: function 函數名 (){
函數體代碼塊;
}
3、函數調用:函數在定義好之後,不能自動執行,需要進行調用。
調用方法:①在<script>標籤內調用②在HTML文件中調用
4、帶參數的函數:在函數的調用中,也可以傳遞值,這些值別稱爲參數。例如:demo(a,b);參數的個數可以爲任意多,每個參數通過逗號“,”隔開。(備註:參數在傳遞時,其順序必須一致)
5、帶返回值的函數:(返回值)有時候,我們需要將函數的值返回給調用他的地方(調用者),通過return語句來實現它。(備註:在使用return語句時,函數會停止執行,同時返回值)
6、局部變量和全局變量:局部變量:聲明在函數方法內,當方法不調用時它會主動銷燬,節省內存。全局變量:聲明在函數方法之外的變量,在任何地方都可以使用,不會被主動銷燬。
四:JavaScript異常處理和事件處理
1、異常捕獲:
①異常:當JavaScript引擎執行JavaScript代碼時,發生了錯誤,導致程序停止運行。
②異常拋出:當異常產生,並且將這個異常生成一個錯誤信息。
③異常捕獲:try{
發生異常的代碼塊 ;
}catch(err){
錯誤信息處理;
}
④Throw語句:通過throw語句創建一個自定義的錯誤。
2、JavaScript事件:事件是可以被JavaScript監聽到的行爲,比如鼠標的點擊、鼠標的移動.....
①常見的事件:onClick(單擊事件)onMouseOver(鼠標經過事件)onMouseOut(鼠標移出事件)
onChange(文本內容改變事件)onSelect(文本框選中事件)onFocus(光標聚集事件)
onBlur(移開光標事件)onLoad(網頁加載事件)onUnload(關閉網頁事件)