摘要:<!DOCTYPE html> <html > <head> <meta charset="UTF-8"> &
<!DOCTYPE html> <html > <head> <meta charset="UTF-8"> <title>案例</title> </head> <body> <script type="text/javascript"> var x; var week = new Array() week[0]="請選擇:" week[1]="星期一", week[2]="星期二", week[3]="星期三", week[4]="星期四", week[5]="星期五", week[6]="周末" for(x in week){ document.write(week[x]+'<br/>'); } function myfocus(x){ x.style.background="pink" } function myclick(y){ y.style.background="blue" } </script> 今天周幾?<br/> <input type="text" onfocus=" myfocus(this)"><br/> <input type="button" onclick="myclick(this)" value="提交"> </body> </html>
1. 輸出格式<script type="text/javascript">
document.write('php中文網(wǎng)');
</script>
外部引用<script type="text/javascript" src="css/index.js"></script>
2. if(語句){
被執(zhí)行語句;
}else if(語句){
被執(zhí)行語句;
}else if(語句){
被執(zhí)行語句}else{
被執(zhí)行語句;
}
3.for 循環(huán)
for(語句1;語句2;語句3 ){
被執(zhí)行語句;
}
4. while 循環(huán)
var x
while(語句){
被執(zhí)行語句
}
do while循環(huán)
var x
do{
被執(zhí)行語句;
}while(語句)
二者區(qū)別:do while 比while多執(zhí)行一次。
5. switch
var x
switch(x){
case 1:被執(zhí)行語句;
break;
case2:被執(zhí)行語句;
break;
………….
case x:被執(zhí)行語句;
break;
default :被執(zhí)行語句;}
6. 字符串操作函數(shù):
length屬性可以返回字符的長度
charAt:返回一個字符值,是指定索引位置的值
indexOf()指出字符串的開始位置
lastIndexOf()指出最后一個字符串的開始位置
substring(開始下標(biāo),結(jié)束)返回一個字符串
replace(要被替換的字符串,需要被替換成的字符串):字符串替換函數(shù)
concat()可以連接兩個或者多個字符串
7. 類型轉(zhuǎn)換函數(shù)
字符串轉(zhuǎn)數(shù)字函數(shù)
string-0 Number(string) parseInt(string)忽略非數(shù)字部分,從第一個字符開始找,找到非數(shù)字截至,只取整數(shù)部分,忽略小數(shù)點 parseFloat(string)把小數(shù)部分也取到
數(shù)字轉(zhuǎn)化成字符
number+""添加空字符串方法 String數(shù)字轉(zhuǎn)字符串 number.toString()
8. 數(shù)組:方便存取,并且減少內(nèi)存占用。
作用:使用單獨變量名存儲的一系列的值。
下標(biāo)(房間號)從零開始 數(shù)組總數(shù)就是最后一個下標(biāo)加1
9. 數(shù)組操作函數(shù)
數(shù)組合并函數(shù) :結(jié)構(gòu)concat(item1,item2,...)
將數(shù)組元素變成字符串,并且指定分割符號分割 join()
數(shù)組排序函數(shù),reverse() sort()
reverse()數(shù)組元素逆向排序
sort()數(shù)組元素按照一定的規(guī)則排序(ASCLL字符順序)
splice()刪除元素并向元素中添加新元素
從數(shù)組中返回選定的元素 slic(起始位置,結(jié)束)
push()向數(shù)組末尾添加添加一個或者多個元素,并返回一個新數(shù)組的長度
pop()刪除并返回數(shù)組的最后一個元素
10..函數(shù)的分類:
系統(tǒng)函數(shù) alert()警告框 confirm()確認(rèn)框 prompt()提示框
自定義函數(shù):自己創(chuàng)造的有特定功能的函數(shù)
函數(shù)的聲明
function 函數(shù)名(參數(shù)1,參數(shù)2,......){
函數(shù)體
}
沒有參數(shù)的函數(shù):
函數(shù)的聲明
function 函數(shù)名(){
函數(shù)體
}
函數(shù)的調(diào)用方法:
1.直接使用函數(shù)名,并且傳參數(shù)給函數(shù)全局(任意地方)
2.直接使用window.onload=函數(shù)名(表示頁面加載完成,調(diào)用該函數(shù))
3.在body的函數(shù)內(nèi)部加載函數(shù)
<body onload="函數(shù)名()"></body>
4.通過事件驅(qū)動來執(zhí)行函數(shù)
<input type="button" onclick="函數(shù)名()">
11。函數(shù)的作用域及生命周期
局部變量:在JavaScript函數(shù)內(nèi)部聲明的變量我們稱之為局部變量(只能在函數(shù)體內(nèi)部訪問它)這個變量的作用域是局部的
全局變量:在函數(shù)外聲明的變量是全局變量(網(wǎng)頁上所有的函數(shù)和腳本都可以使用)函數(shù)體外部的變量在函數(shù)外部使用,也可以在內(nèi)部使用,如果在函數(shù)體內(nèi)使用全局變量:加上window對象。
JavaScript內(nèi)部函數(shù)的變量生存周期從它被聲明開始
局部變量的生存周期:函數(shù)運行以后這個函數(shù)就被刪除
全局變量:會在當(dāng)前頁面關(guān)閉之后被刪除
12.事件
HTML 事件觸發(fā)瀏覽器中的動作(action),比如當(dāng)用戶點擊某個HTML元素時啟動
一段 JavaScript代碼,下面是一個屬性列表,這些屬性可插入HTML標(biāo)簽來定義時間動作
屬性 描述
onfocus 元素獲得焦點
onblur 元素失去焦點
onchange 域的內(nèi)容被改變
onclick 當(dāng)用戶點擊某個對象是調(diào)用的事件句柄
ondbclick 當(dāng)用戶雙擊某個對象是調(diào)用的事件句柄
onkeydown 某個鍵盤按鍵被按下
onkeyup 某個鍵盤按鍵被松開
onkeypress 某個鍵盤按鍵被按下并松開
onload 一張頁面或一幅圖像完成加載
onmousedown 鼠標(biāo)按鈕被按下
onmousemove 鼠標(biāo)按鈕被移動
onmouseout 鼠標(biāo)從某元素移開
onmouseover 鼠標(biāo)移到某元素之上
onmouseup 鼠標(biāo)按鍵被松開
onsubmit 確認(rèn)按鈕被點擊
批改老師:天蓬老師批改時間:2018-12-07 08:56:25
老師總結(jié):對于流程控制中聲明的變量,推薦使用let , 而不是var