亚洲国产日韩欧美一区二区三区,精品亚洲国产成人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]="請選擇:"
               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

發(fā)佈手記

熱門詞條