來源:張卜bu 發(fā)布時間:2019-04-10 15:35:43 閱讀量:1213
一,JavaScript嵌入頁面的方式
1、行間事件(主要用于事件)
<input type="button" name="" "alert('ok!');">
2、頁面script標簽嵌入
<script type="text/javascript">
var a = '你好!';
alert(a);
</script>
3、外部引入
二,JavaScript語句與注釋與斷點調(diào)試
1、一條javascript語句應該以“;”結尾
2、javascript注釋
// 單行注釋
/* */多行注釋
3、斷點調(diào)試
三,JavaScript變量
1.JavaScript 是一種弱類型語言
javascript的變量類型由它的值來決定。 定義變量需要用關鍵字 ‘var’
2,變量類型
(1)5中基本數(shù)據(jù)類型:number、string、boolean、undefined、null
(2)1種復合類型:object
3.變量、函數(shù)、屬性、函數(shù)參數(shù)命名規(guī)范
(1)、區(qū)分大小寫
(2)、第一個字符必須是字母、下劃線(_)或者美元符號($)
(3)、其他字符可以是字母、下劃線、美元符或數(shù)字
4.變量的作用域
變量作用域指的是變量的作用范圍,javascript中的變量分為全局變量和局部變量。
(1)、全局變量:在函數(shù)之外定義的變量,為整個頁面公用,函數(shù)內(nèi)部外部都可以訪問。
三,獲取元素方法
可以使用內(nèi)置對象document上的getElementById方法來獲取頁面上設置了id屬性的元素,獲取到的是一個html對象,然后將它賦值給一個變量。
1.第一種方法:將javascript放到頁面最下邊
2,第二種方法:將javascript語句放到window.onload觸發(fā)的函數(shù)里面,獲取元素的語句會在頁面加載完后才執(zhí)行,就不會出錯了。
四,操作元素的屬性
獲取的頁面元素,就可以對頁面元素的屬性進行操作,屬性的操作包括屬性的讀和寫。
操作屬性的方法
1、“.” 操作
2、“[ ]”操作
屬性寫法
1、html的屬性和js里面屬性寫法一樣
2、“class” 屬性寫成 “className”
3、“style” 屬性里面的屬性,有橫杠的改成駝峰式,比如:“font-size”,改成”style.fontSize” 。
五,函數(shù)
函數(shù)就是重復執(zhí)行的代碼片。
1,函數(shù)定義與執(zhí)行
2,變量與函數(shù)預解析
JavaScript解析過程分為兩個階段,先是編譯階段,然后執(zhí)行階段,在編譯階段會將function定義的函數(shù)提前,并且將var定義的變量聲明提前,將它賦值為undefined。
3,提取行間事件
在html行間調(diào)用的事件可以提取到javascript中調(diào)用,從而做到結構與行為分離。
4.匿名函數(shù)
定義的函數(shù)可以不給名稱,這個叫做匿名函數(shù),可以將匿名函數(shù)直接賦值給元素綁定的事件來完成匿名函數(shù)的調(diào)用。
5,函數(shù)傳參
6,函數(shù)’return’關鍵字
函數(shù)中’return’關鍵字的作用:
(1)、返回函數(shù)執(zhí)行的結果
(2)、結束函數(shù)的運行
(3)、阻止默認行為
六,條件
1.運算符
(1)、算術運算符:+(加)、 -(減)、 *(乘)、 /(除)、 %(求余)
(2)、賦值運算符:=、 +=、 -=、 *=、 /=、 %=
(3)、條件運算符:(值相同)、=(類型和值都要相同)、>、>=、<、<=、!=、&&(而且)、||(或者)、!(否)