国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

JS基礎(chǔ)入門篇( 二 )—if , 字符串拼接,數(shù)組,圖片循環(huán)切換

betacat / 2307人閱讀

摘要:錯誤,因為取到的是字符串,相加會造成字符串拼接。強制轉(zhuǎn)換,將字符串類型轉(zhuǎn)成數(shù)字類型。以上代碼結(jié)果為解釋和獲取到的是字符串,當(dāng)字符串相加時,會直接拼接字符串。表示數(shù)組的線長度。重新定義數(shù)組長度,后面?zhèn)€數(shù)組的值都為圖片切換兩張圖片切換。

1.if篇

1. if

語法:

    if( 判斷條件 ){
        代碼塊
    }
    以上代碼的功能是:
        如果 判斷條件為真
            則 執(zhí)行代碼塊

2. if-else

語法:

    if( 判斷條件 ){
        代碼1
    }else{
        代碼2
    }
    上面的 語句 實現(xiàn)的功能:
        如果判斷條件成立 ( 為真 )
            執(zhí)行 代碼1
        否則
            執(zhí)行 代碼2

3. if-else-if-else

語法:

    if( 判斷條件1 ){
        代碼1
    }else if( 判斷條件2 ){
        代碼2
    }else if( 判斷條件3 ){
        代碼3
    }...
    else{
        代碼
    }
    上面的 語句 實現(xiàn)的功能:
        如果判斷條件幾成立 ( 為真 )
            執(zhí)行 代碼幾
        否則(如果以上都不成立)
            執(zhí)行 代碼(就是else里面的代碼)

2.字符串

字符串:成對的 單引號或者雙引號包起來的 0個或多個字符組成的串。

    var userName = "kimoo";//字符串為kimoo
    var userName = "";//空字符串
    var userName = " ";//一個由空格組成的字符串
    var userName = "kimoo"";//字符串為kimoo"
    var userName = "kimoo"";//字符串為kimoo"

字符串拼接:+ 做字符串拼接。只要加號一邊字符串,另一邊數(shù)字,那么會把數(shù)字轉(zhuǎn)變成字符串然后做拼接,只有加號兩邊都是數(shù)字才會做數(shù)字加法

以上代碼結(jié)果為:

舉例說明:錯誤的計算器

以下代碼的作用是:實現(xiàn)數(shù)字相加,計算出相加結(jié)果的功能。




    
    Title







以上代碼結(jié)果為:

解釋:t1.value 和 t2.value獲取到的是字符串,當(dāng)字符串相加時,會直接拼接字符串。如果需要計算數(shù)字相加,可以將字符串強轉(zhuǎn)為數(shù)字。

alert(Number(one)+Number(two));

這樣可以實現(xiàn)我們想要的功能,實現(xiàn)數(shù)字相加。

3.數(shù)組

數(shù)組:存儲一組數(shù)據(jù)。

定義數(shù)組:舉例:var a = ["a","b","c"];

用[ ]

多個數(shù)據(jù)之間用 ,(逗號)隔開,最后一個數(shù)據(jù)后面不用加逗號。

數(shù)組的取值:使用下標(biāo),注意下標(biāo)是從0開始的。eg:a[0], a[1], a[2]

數(shù)組的長度:
數(shù)組.length(可讀 可寫)。eg: a.length表示數(shù)組a的線長度。

清空數(shù)組的兩種方法

方法1-為變量重新賦值
   arr = [];
方法2-arr.length = 0;



    
        
        
    
    
        
    

4.圖片切換

1.兩張圖片切換。codepen不方便放圖片,故用顏色代替。
點擊方框會切換顏色




    
    Title
    


    

2.多組顏色切換
循環(huán)切換圖片,點擊查看效果?。。。。?/p>




    
    Title
    


文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/94970.html

相關(guān)文章

  • JS基礎(chǔ)入門 )—if , 符串拼接,數(shù)組,圖片循環(huán)切換

    摘要:錯誤,因為取到的是字符串,相加會造成字符串拼接。強制轉(zhuǎn)換,將字符串類型轉(zhuǎn)成數(shù)字類型。以上代碼結(jié)果為解釋和獲取到的是字符串,當(dāng)字符串相加時,會直接拼接字符串。表示數(shù)組的線長度。重新定義數(shù)組長度,后面?zhèn)€數(shù)組的值都為圖片切換兩張圖片切換。 1.if篇 1. if 語法: if( 判斷條件 ){ 代碼塊 } 以上代碼的功能是: 如果 判斷...

    yhaolpz 評論0 收藏0
  • JS基礎(chǔ)入門 )—if , 符串拼接數(shù)組圖片循環(huán)切換

    摘要:錯誤,因為取到的是字符串,相加會造成字符串拼接。強制轉(zhuǎn)換,將字符串類型轉(zhuǎn)成數(shù)字類型。以上代碼結(jié)果為解釋和獲取到的是字符串,當(dāng)字符串相加時,會直接拼接字符串。表示數(shù)組的線長度。重新定義數(shù)組長度,后面?zhèn)€數(shù)組的值都為圖片切換兩張圖片切換。 1.if篇 1. if 語法: if( 判斷條件 ){ 代碼塊 } 以上代碼的功能是: 如果 判斷...

    MudOnTire 評論0 收藏0
  • 【連載】前端個人文章整理-從基礎(chǔ)入門

    摘要:個人前端文章整理從最開始萌生寫文章的想法,到著手開始寫,再到現(xiàn)在已經(jīng)一年的時間了,由于工作比較忙,更新緩慢,后面還是會繼更新,現(xiàn)將已經(jīng)寫好的文章整理一個目錄,方便更多的小伙伴去學(xué)習(xí)。 showImg(https://segmentfault.com/img/remote/1460000017490740?w=1920&h=1080); 個人前端文章整理 從最開始萌生寫文章的想法,到著手...

    madthumb 評論0 收藏0
  • JavaScript 基礎(chǔ)知識 - DOM(一)

    摘要:前言本篇文章是基礎(chǔ)知識的篇,如果前面的基礎(chǔ)知識入門篇看完了,現(xiàn)在就可以學(xué)習(xí)了?;靖拍罘譃槿齻€部分。在這個基礎(chǔ)上使用一些新特性,高級瀏覽器支持,低級瀏覽器不支持。在對象中的屬性是一個布爾值,只有和。 showImg(https://segmentfault.com/img/remote/1460000012581493?w=1920&h=1080); DOM 前言 本篇文章是JavaS...

    cuieney 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<