亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

JavaScript案例及總結(jié)

原創(chuàng) 2018-12-06 20:21:33 351
摘要:<!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]="請(qǐng)選擇:"
               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(語(yǔ)句){

被執(zhí)行語(yǔ)句;

}else  if(語(yǔ)句){

被執(zhí)行語(yǔ)句;

}else  if(語(yǔ)句){

被執(zhí)行語(yǔ)句}else{

被執(zhí)行語(yǔ)句;

}

 

3.for 循環(huán)

for(語(yǔ)句1;語(yǔ)句2;語(yǔ)句3 ){

      被執(zhí)行語(yǔ)句;

}

4. while 循環(huán)

var  x

while(語(yǔ)句){

  被執(zhí)行語(yǔ)句

}

do while循環(huán)

var  x

do{

被執(zhí)行語(yǔ)句;

}while(語(yǔ)句)

二者區(qū)別:do while 比while多執(zhí)行一次。

5.  switch

  var x

   switch(x){

     case 1:被執(zhí)行語(yǔ)句;

break;

     case2:被執(zhí)行語(yǔ)句;

     break;

     ………….

     case  x:被執(zhí)行語(yǔ)句;

     break;

     default :被執(zhí)行語(yǔ)句;} 

6. 字符串操作函數(shù):

length屬性可以返回字符的長(zhǎng)度

charAt:返回一個(gè)字符值,是指定索引位置的值

indexOf()指出字符串的開(kāi)始位置

lastIndexOf()指出最后一個(gè)字符串的開(kāi)始位置

substring(開(kāi)始下標(biāo),結(jié)束)返回一個(gè)字符串

replace(要被替換的字符串,需要被替換成的字符串):字符串替換函數(shù)

concat()可以連接兩個(gè)或者多個(gè)字符串

7. 類(lèi)型轉(zhuǎn)換函數(shù)

 字符串轉(zhuǎn)數(shù)字函數(shù)

string-0   Number(string)   parseInt(string)忽略非數(shù)字部分,從第一個(gè)字符開(kāi)始找,找到非數(shù)字截至,只取整數(shù)部分,忽略小數(shù)點(diǎn)    parseFloat(string)把小數(shù)部分也取到

數(shù)字轉(zhuǎn)化成字符

number+""添加空字符串方法   String數(shù)字轉(zhuǎn)字符串   number.toString()

8. 數(shù)組:方便存取,并且減少內(nèi)存占用。

作用:使用單獨(dú)變量名存儲(chǔ)的一系列的值。

下標(biāo)(房間號(hào))從零開(kāi)始 數(shù)組總數(shù)就是最后一個(gè)下標(biāo)加1

9. 數(shù)組操作函數(shù)

數(shù)組合并函數(shù) :結(jié)構(gòu)concat(item1,item2,...)

將數(shù)組元素變成字符串,并且指定分割符號(hào)分割 join()

數(shù)組排序函數(shù),reverse() sort()

reverse()數(shù)組元素逆向排序

sort()數(shù)組元素按照一定的規(guī)則排序(ASCLL字符順序)

splice()刪除元素并向元素中添加新元素

從數(shù)組中返回選定的元素 slic(起始位置,結(jié)束)

push()向數(shù)組末尾添加添加一個(gè)或者多個(gè)元素,并返回一個(gè)新數(shù)組的長(zhǎng)度

pop()刪除并返回?cái)?shù)組的最后一個(gè)元素

10..函數(shù)的分類(lèi):

系統(tǒng)函數(shù) alert()警告框 confirm()確認(rèn)框 prompt()提示框

自定義函數(shù):自己創(chuàng)造的有特定功能的函數(shù)

                函數(shù)的聲明

              function 函數(shù)名(參數(shù)1,參數(shù)2,......){

                   函數(shù)體       

                   }

沒(méi)有參數(shù)的函數(shù):

              函數(shù)的聲明

              function 函數(shù)名(){

                   函數(shù)體       

                   }

函數(shù)的調(diào)用方法:

1.直接使用函數(shù)名,并且傳參數(shù)給函數(shù)全局(任意地方)

2.直接使用window.onload=函數(shù)名(表示頁(yè)面加載完成,調(diào)用該函數(shù))

3.在body的函數(shù)內(nèi)部加載函數(shù)

<body onload="函數(shù)名()"></body>

4.通過(guò)事件驅(qū)動(dòng)來(lái)執(zhí)行函數(shù)

<input type="button" onclick="函數(shù)名()">

11。函數(shù)的作用域及生命周期

局部變量:在JavaScript函數(shù)內(nèi)部聲明的變量我們稱(chēng)之為局部變量(只能在函數(shù)體內(nèi)部訪問(wèn)它)這個(gè)變量的作用域是局部的

全局變量:在函數(shù)外聲明的變量是全局變量(網(wǎng)頁(yè)上所有的函數(shù)和腳本都可以使用)函數(shù)體外部的變量在函數(shù)外部使用,也可以在內(nèi)部使用,如果在函數(shù)體內(nèi)使用全局變量:加上window對(duì)象。

JavaScript內(nèi)部函數(shù)的變量生存周期從它被聲明開(kāi)始

局部變量的生存周期:函數(shù)運(yùn)行以后這個(gè)函數(shù)就被刪除

全局變量:會(huì)在當(dāng)前頁(yè)面關(guān)閉之后被刪除

12.事件

HTML 事件觸發(fā)瀏覽器中的動(dòng)作(action),比如當(dāng)用戶(hù)點(diǎn)擊某個(gè)HTML元素時(shí)啟動(dòng)

一段 JavaScript代碼,下面是一個(gè)屬性列表,這些屬性可插入HTML標(biāo)簽來(lái)定義時(shí)間動(dòng)作

                            屬性                                                      描述

                            onfocus                                               元素獲得焦點(diǎn)

                            onblur                                                  元素失去焦點(diǎn)

                            onchange                                             域的內(nèi)容被改變

                            onclick                                                 當(dāng)用戶(hù)點(diǎn)擊某個(gè)對(duì)象是調(diào)用的事件句柄

                            ondbclick                                            當(dāng)用戶(hù)雙擊某個(gè)對(duì)象是調(diào)用的事件句柄

                            onkeydown                                        某個(gè)鍵盤(pán)按鍵被按下

                            onkeyup                                              某個(gè)鍵盤(pán)按鍵被松開(kāi)

                            onkeypress                                         某個(gè)鍵盤(pán)按鍵被按下并松開(kāi)

                            onload                                                 一張頁(yè)面或一幅圖像完成加載

                            onmousedown                                  鼠標(biāo)按鈕被按下

                            onmousemove                                  鼠標(biāo)按鈕被移動(dòng)

                            onmouseout                                      鼠標(biāo)從某元素移開(kāi)

                            onmouseover                                    鼠標(biāo)移到某元素之上

                            onmouseup                                        鼠標(biāo)按鍵被松開(kāi)

                            onsubmit                                            確認(rèn)按鈕被點(diǎn)擊    


批改老師:天蓬老師批改時(shí)間:2018-12-07 08:56:25
老師總結(jié):對(duì)于流程控制中聲明的變量,推薦使用let , 而不是var

發(fā)布手記

熱門(mén)詞條