資訊專欄INFORMATION COLUMN
摘要：錯誤，因為取到的是字符串，相加會造成字符串拼接。強制轉換，將字符串類型轉成數字類型。以上代碼結果為解釋和獲取到的是字符串，當字符串相加時，會直接拼接字符串。表示數組的線長度。重新定義數組長度，后面個數組的值都為圖片切換兩張圖片切換。
1.if篇
1. if
語法:
if( 判斷條件 ){
代碼塊
}
以上代碼的功能是：
如果 判斷條件為真
則 執行代碼塊
2. if-else
語法:
if( 判斷條件 ){
代碼1
}else{
代碼2
}
上面的 語句 實現的功能:
如果判斷條件成立 ( 為真 )
執行 代碼1
否則
執行 代碼2
3. if-else-if-else
語法:
if( 判斷條件1 ){
代碼1
}else if（ 判斷條件2 ）{
代碼2
}else if（ 判斷條件3 ）{
代碼3
}...
else{
代碼
}
上面的 語句 實現的功能:
如果判斷條件幾成立 ( 為真 )
執行 代碼幾
否則（如果以上都不成立）
執行 代碼（就是else里面的代碼）
2.字符串
字符串：用 成對的 單引號或者雙引號包起來的 0個或多個字符組成的串。
var userName = "kimoo";//字符串為kimoo
var userName = "";//空字符串
var userName = " ";//一個由空格組成的字符串
var userName = "kimoo"";//字符串為kimoo"
var userName = "kimoo"";//字符串為kimoo"
字符串拼接：用 + 做字符串拼接。只要加號一邊是字符串，另一邊是數字，那么會把數字轉變成字符串然后做拼接，只有加號兩邊都是數字才會做數字加法。
以上代碼結果為：
舉例說明：錯誤的計算器
以下代碼的作用是：實現數字相加，計算出相加結果的功能。
Title
以上代碼結果為：
解釋：t1.value 和 t2.value獲取到的是字符串，當字符串相加時，會直接拼接字符串。如果需要計算數字相加，可以將字符串強轉為數字。
alert(Number(one)+Number(two));
這樣可以實現我們想要的功能，實現數字相加。
3.數組數組：存儲一組數據。
定義數組：舉例：var a = ["a","b","c"];
用[ ]
多個數據之間用 ,（逗號）隔開，最后一個數據后面不用加逗號。
數組的取值：使用下標，注意下標是從0開始的。eg：a[0], a[1], a[2]
數組的長度:
數組.length（可讀 可寫）。eg: a.length表示數組a的線長度。
清空數組的兩種方法
方法1-為變量重新賦值 arr = []; 方法2-arr.length = 0;
4.圖片切換
1.兩張圖片切換。codepen不方便放圖片，故用顏色代替。
點擊方框會切換顏色
Title
2.多組顏色切換
循環切換圖片,點擊查看效果！！！！！
Title
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/113287.html
摘要：錯誤，因為取到的是字符串，相加會造成字符串拼接。強制轉換，將字符串類型轉成數字類型。以上代碼結果為解釋和獲取到的是字符串，當字符串相加時，會直接拼接字符串。表示數組的線長度。重新定義數組長度，后面個數組的值都為圖片切換兩張圖片切換。 1.if篇 1. if 語法: if( 判斷條件 ){ 代碼塊 } 以上代碼的功能是： 如果 判斷...
摘要：錯誤，因為取到的是字符串，相加會造成字符串拼接。強制轉換，將字符串類型轉成數字類型。以上代碼結果為解釋和獲取到的是字符串，當字符串相加時，會直接拼接字符串。表示數組的線長度。重新定義數組長度，后面個數組的值都為圖片切換兩張圖片切換。 1.if篇 1. if 語法: if( 判斷條件 ){ 代碼塊 } 以上代碼的功能是： 如果 判斷...
摘要：個人前端文章整理從最開始萌生寫文章的想法，到著手開始寫，再到現在已經一年的時間了，由于工作比較忙，更新緩慢，后面還是會繼更新，現將已經寫好的文章整理一個目錄，方便更多的小伙伴去學習。 showImg(https://segmentfault.com/img/remote/1460000017490740?w=1920&h=1080); 個人前端文章整理 從最開始萌生寫文章的想法，到著手...
摘要：前言本篇文章是基礎知識的篇，如果前面的基礎知識入門篇看完了，現在就可以學習了。基本概念分為三個部分。在這個基礎上使用一些新特性，高級瀏覽器支持，低級瀏覽器不支持。在對象中的屬性是一個布爾值，只有和。 showImg(https://segmentfault.com/img/remote/1460000012581493?w=1920&h=1080); DOM 前言 本篇文章是JavaS...
閱讀 4279·2021-09-26 10:11
閱讀 2677·2021-07-28 00:37
閱讀 3228·2019-08-29 15:29
閱讀 1191·2019-08-29 15:23
閱讀 3135·2019-08-26 18:37
閱讀 2472·2019-08-26 10:37
閱讀 603·2019-08-23 17:04
閱讀 2351·2019-08-23 13:44
