1. 程式人生 > >JavaScript基礎篇

JavaScript基礎篇

return java 寫入 interval dem tin 獲取 true strong

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:對象方法

對象的方法定義了一個函數,並作為對象的屬性存儲。對象方法通過添加 () 調用 (作為一個函 )。例如:

name = person.fullName();

<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條件語句

1if...else語句

  if 語句 - 只有當指定條件為 true 時,使用該語句來執行代碼

  if...else 語句 - 當條件為 true 時執行代碼,當條件為 false 時執行其他代碼

  if...else if....else 語句- 使用該語句來選擇多個代碼塊之一來執行

2switch 語句用於基於不同的條件來執行不同的動作。

  switch(n) {

    case 1: 執行代碼塊 1

      break;

    case 2: 執行代碼塊 2

      break;

    default: 與 case 1 case 2 不同時執行的代碼

  }

3for循環

  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 循環中的代碼塊將針對每個屬性執行一次。

5while 循環會在指定條件為真時循環執行代碼塊。

  while (i<5) {

    x=x + "The number is " + i + "<br>";

    i++;

  }

6do/while 循環是 while 循環的變體。該循環會在檢查條件是否為真之前執行一次代碼塊,然後如果條件為真的話,就會重復這個循環。

  do {

    x=x + "The number is " + i + "<br>";

    i++;

  }

  while (i<5);

JavaScript計時事件

1setInterval() - 間隔指定的毫秒數不停地執行指定的代碼。

 clearInterval() 方法用於停止 setInterval() 方法執行的函數代碼。

setTimeout() - 在指定的毫秒數後執行指定代碼。

clearTimeout() 方法用於停止執行setTimeout()方法的函數代碼。

JavaScript基礎篇