03: JavaScript
參考W3school
1.1 變量
1、JavaScript變量特點
1. JavaScript中變量的聲明是一個非常容易出錯的點,局部變量必須一個 var 開頭
2. 如果未使用var,則默認表示聲明的是全局變量。
3. 為了避免出錯我們在定義變量時全部加var變成局部變量,如果發現他是一個全局變量再將var刪除
4. 定義局部變量和全局變量
2、定義全局變量和局部變量
<script type="text/javascript"> // 全局變量 name = ‘seven‘;定義全局變量和局部變量function func(){ // 局部變量 var age = 18; // 全局變量 gender = "男" } console.log(name); // seven console.log(gender); // 報錯:seven </script>
1.2 JavaScript中數據類型
1、JavaScript 中的數據類型分為原始類型和對象類型:
1、原始類型
1)數字
2)字符串
3)布爾值
2.、對象類型
1)數組
2)“字典”
3)……..
3、特別的,數字、布爾值、null、undefined、字符串是不可變。
1)null是JavaScript語言的關鍵字,它表示一個特殊值,常用來描述“空值”。
2)undefined是一個特殊值,表示變量未定義。
2、數字(Number)
說明:JavaScript 只有一種數字類型。數字可以帶小數點,也可以不帶
1. JavaScript數字定義
var x1=34.00; //使用小數點來寫
var x2=34; //不使用小數點來寫
2. 轉換
1)parseInt(..) 將某值轉換成數字,不成功則NaN
2)parseFloat(..) 將某值轉換成浮點數,不成功則NaN
3、特殊值
1)NaN,非數字。可使用 isNaN(num) 來判斷。
2)Infinity,無窮大。可使用 isFinite(num) 來判斷。
3、字符串(String)
1. 字符串說明
#1. 字符串是由字符組成的數組,但在JavaScript中字符串是不可變的:可以訪問字符串任意位置的文本
#2. 但是JavaScript並未提供修改已知字符串內容的方法
2. 實現 “歡迎齊天大聖蒞臨指導” 滾動效果(跑馬燈)
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <div id="i1">歡迎齊天大聖蒞臨指導</div> <script> function func(){ var tag = document.getElementById(‘i1‘); var content = tag.innerText; var f = content.charAt(0); //f = 歡 // l = 迎齊天大聖蒞臨指導 var l = content.substring(1,content.length); var new_content = l + f; //new_content = 迎齊天大聖蒞臨指導歡 //然後將tag.innerText重新賦值成:迎齊天大聖蒞臨指導歡 tag.innerText = new_content; } setInterval(‘func()‘, 2000); //定時器:func()是上面定義的函數名,2000毫秒執行一次func()函數 </script> </body> </html>跑馬燈
3. 字符串(String)常用方法
# obj.length 長度 # obj.trim() 移除空白 # eg: v = $.trim(v); 去除獲取值v的空白 # obj.trimLeft() 移除左側空白 # obj.trimRight) 移除右側空白 # obj.charAt(n) 回字符串中的第n個字符 # obj.concat(value, ...) 拼接 # obj.indexOf(substring,start) 序列位置 # obj.lastIndexOf(substring,start) 子序列位置 # obj.substring(from, to) 根據索引獲取子序列 # obj.slice(start, end) 切片 # obj.toLowerCase() 大寫 # obj.toUpperCase() 小寫 # obj.split(delimiter, limit) 分割 (limit指定取出分割後的幾個元素) # obj.search(regexp) 頭開始匹配,返回匹配成功的第一個位置(g無效) # obj.match(regexp) 全局搜索,如果正則中有g表示找到全部,否則只找到第一個。 # obj.replace(regexp, replacement) 替換,正則中有g則替換所有,否則只替換第一個匹配項, $數字:匹配的第n個組內容; $&:當前匹配的內容; $`:位於匹配子串左側的文本; $‘:位於匹配子串右側的文本 $$:直接量$符號字符串常用方法
03: JavaScript