1.變量
(1).全局變量:函數和事件之外的所有變量,作用在全局。
(2).局部變量:事件或函數裏面的變量,作用只在該範圍之內。
2.變量的定義語法
js中數據類型統一關鍵字:var
var 變量名稱;變量的聲明
給變量初始化,給變量賦值
假定定義一個變量a=10,一般寫爲var a=10;
3.變量的命名規則
(1).不能以數字開頭。
(2).不能使用js的關鍵字和保留字。
(3).以字母或下劃線$開頭。
(4).變量命名有意義。
(5).變量名嚴格區分大小寫,因爲javascript中是嚴格區分大小寫的。
4.變量的數據類型
(1).number:數字,可以爲整數或小數或科學計數。
(2).string:字符串,可以使用單引號或雙引號。(使用單引號來輸入包含引號的字符串。)
(3).bool:true或者faluse。
(4).object:對象。
(5).array:數組。
5.js中的輸出方式
(1).alert( );//彈出對話框,alert彈出的爲警示框,confirm彈出的時確認框,prompt彈出的是輸入框
(2).document.write( );//將內容寫在文本框上
(3).console.log( );將內容在控制檯上彈出
6.循環結構表
(1)for循環
<1>.for語法
for(初始化變量;要滿足的條件;更新部分){
執行語句;
}
<2>.for in語法
for(定義的變量 in 一個組){
執行語句;
}
<3>.三元運算符
另有詳解
(2).while循環
<1>.while語法
while(判斷條件){
執行語句;
}
<2>.do while語法
do{
執行語句;
}
while(判斷條件)
do while語句與while不同的是:do while至少執行一次,while至少則是不執行。
(3).switch語法
switch(判斷的值){
case 變量值:執行語句1;
case 變量值:執行語句2;
case 變量值:執行語句3;
...
}
7.邏輯選擇結構
if(條件語句){
執行語句
}else{
執行語句
}
8.函數的定義
function 函數名稱( ){
}
(1).
function showData( ) {
}
showData( ) ;
(2).
var data = function () {
}
data ;
(3).
var array = {
name: function () {
}
}
array.name();
9.事件的綁定
(1).直接在元素裏面綁定
<div onclick="click_div( )">
</div>
<script>
// 事件調用函數
function click_div( ) {
}
</script>
(2).代碼裏面直接書寫
常用的有:
<1>.onclick:鼠標點擊。
<2>.onmouseenteer:鼠標進入。
<3>.onmouseleave:鼠標從平面上抽出去。
<4>.onmouseout:鼠標從三維意義上離開包括垂直上升。
<5>.onmouseover:鼠標懸停。
<6>.onmousemove:鼠標移動。
<7>.onfocus:獲得焦點。
<8>.onblur:失焦。