JavaScript基礎篇
JavaScript 對大小寫是敏感的。
一javaScript輸出
1:使用window.alert()彈出警告框。
2:使用docnment.write()方法將內容寫到HTML文檔中。
3:使用innerHTML寫入到HTML元素。
4:使用console.log()寫入到瀏覽器控制臺。
二javaScript數據類型
1:數組
① var cars=new Array();
cars[0]="Saab";
cars[1]="Volvo";
cars[2]="BMW";
② var cars=new Array("Saab","Volvo","BMW");
③ var cars=["Saab","Volvo","BMW"];
①②③三種方式異曲同工
2:對象
①對象由花括號分隔。在括號內部,對象的屬性以名稱和值對的形式 (name : value) 來定義。 屬性由逗號分隔:var person={firstname:"John", lastname:"Doe", id:5566};
②對象屬性有兩種尋址方式:name=person.lastname; name=person["lastname"];
3:對象方法
對象的方法定義了一個函數,並作為對象的屬性存儲。對象方法通過添加 () 調用 (作為一個函 數)。例如:
<script>
var person = {
firstName: "John",
lastName : "Doe",
id : 5566,
fullName : function(){
return this.firstName + " " + this.lastName;
}
};
document.getElementById("demo").innerHTML = person.fullName();
</script>
三JavaScript字符串
1:字符串獲取長度
使用內置屬性length來計算長度。
例如:var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var txtlength = txt.length;
2:特殊字符
反斜杠是一個轉義字符。 轉義字符將特殊字符轉換為字符串字符:
轉義字符 (\) 可以用於轉義撇號,換行,引號,等其他特殊字符。
下表中列舉了在字符串中可以使用轉義字符轉義的特殊字符:
\‘ |
單引號 |
\" |
雙引號 |
\\ |
反斜杠 |
\n |
換行 |
\r |
回車 |
\t |
tab(制表符) |
\b |
退格符 |
\f |
換頁符 |
3:字符串可以是對象
通常, JavaScript 字符串是原始值,可以使用字符創建: var firstName = "John"
但我們也可以使用 new 關鍵字將字符串定義為一個對象: var firstName = new String("John")
var x = "John";
var y = new String("John");
typeof x // 返回 String (typeof:檢測數據對象)
typeof y // 返回 Object
四JavaScript條件語句
1: if...else語句
if 語句 - 只有當指定條件為 true 時,使用該語句來執行代碼
if...else 語句 - 當條件為 true 時執行代碼,當條件為 false 時執行其他代碼
if...else if....else 語句- 使用該語句來選擇多個代碼塊之一來執行
2:switch 語句用於基於不同的條件來執行不同的動作。
switch(n) {
case 1: 執行代碼塊 1
break;
case 2: 執行代碼塊 2
break;
default: 與 case 1 和 case 2 不同時執行的代碼
}
3:for循環
for (語句 1; 語句 2; 語句 3){
被執行的代碼塊
}
語句 1 (代碼塊)開始前執行
語句 2 定義運行循環(代碼塊)的條件
語句 3 在循環(代碼塊)已被執行之後執行
4:for...in 語句循環遍歷對象的屬性。
var person={fname:"John",lname:"Doe",age:25};
for (x in person) {
txt=txt + person[x];
}
註意: for...in 循環中的代碼塊將針對每個屬性執行一次。
5:while 循環會在指定條件為真時循環執行代碼塊。
while (i<5) {
x=x + "The number is " + i + "<br>";
i++;
}
6:do/while 循環是 while 循環的變體。該循環會在檢查條件是否為真之前執行一次代碼塊,然後如果條件為真的話,就會重復這個循環。
do {
x=x + "The number is " + i + "<br>";
i++;
}
while (i<5);
五JavaScript計時事件
1:setInterval() - 間隔指定的毫秒數不停地執行指定的代碼。
clearInterval() 方法用於停止 setInterval() 方法執行的函數代碼。
setTimeout() - 在指定的毫秒數後執行指定代碼。
clearTimeout() 方法用於停止執行setTimeout()方法的函數代碼。
JavaScript基礎篇