摘要:錯誤,因為取到的是字符串,相加會造成字符串拼接。強制轉(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
摘要:錯誤,因為取到的是字符串,相加會造成字符串拼接。強制轉(zhuǎn)換,將字符串類型轉(zhuǎn)成數(shù)字類型。以上代碼結(jié)果為解釋和獲取到的是字符串,當(dāng)字符串相加時,會直接拼接字符串。表示數(shù)組的線長度。重新定義數(shù)組長度,后面?zhèn)€數(shù)組的值都為圖片切換兩張圖片切換。 1.if篇 1. if 語法: if( 判斷條件 ){ 代碼塊 } 以上代碼的功能是: 如果 判斷...
摘要:錯誤,因為取到的是字符串,相加會造成字符串拼接。強制轉(zhuǎn)換,將字符串類型轉(zhuǎn)成數(shù)字類型。以上代碼結(jié)果為解釋和獲取到的是字符串,當(dāng)字符串相加時,會直接拼接字符串。表示數(shù)組的線長度。重新定義數(shù)組長度,后面?zhèn)€數(shù)組的值都為圖片切換兩張圖片切換。 1.if篇 1. if 語法: if( 判斷條件 ){ 代碼塊 } 以上代碼的功能是: 如果 判斷...
摘要:個人前端文章整理從最開始萌生寫文章的想法,到著手開始寫,再到現(xiàn)在已經(jīng)一年的時間了,由于工作比較忙,更新緩慢,后面還是會繼更新,現(xiàn)將已經(jīng)寫好的文章整理一個目錄,方便更多的小伙伴去學(xué)習(xí)。 showImg(https://segmentfault.com/img/remote/1460000017490740?w=1920&h=1080); 個人前端文章整理 從最開始萌生寫文章的想法,到著手...
摘要:前言本篇文章是基礎(chǔ)知識的篇,如果前面的基礎(chǔ)知識入門篇看完了,現(xiàn)在就可以學(xué)習(xí)了?;靖拍罘譃槿齻€部分。在這個基礎(chǔ)上使用一些新特性,高級瀏覽器支持,低級瀏覽器不支持。在對象中的屬性是一個布爾值,只有和。 showImg(https://segmentfault.com/img/remote/1460000012581493?w=1920&h=1080); DOM 前言 本篇文章是JavaS...
閱讀 3479·2023-04-25 22:45
閱讀 1282·2021-11-11 16:54
閱讀 2790·2019-08-30 15:44
閱讀 3190·2019-08-30 15:44
閱讀 1646·2019-08-30 13:55
閱讀 941·2019-08-29 18:45
閱讀 1195·2019-08-29 17:25
閱讀 1007·2019-08-29 12:59