javascript pt 1

今天開始自學js

如需從 JavaScript 訪問某個 HTML 元素，您可以使用 document.getElementById(id) 方法。

請使用 "id" 屬性來標識 HTML 元素

在 JavaScript 中，用分號來結束語句是可選的。

document.getElementById("demo").innerHTML="Hello World";
document.getElementById("myDIV").innerHTML="How are you?";

JavaScript 會忽略多餘的空格。

您可以在文本字符串中使用反斜槓對代碼行進行換行

：）

單行註釋以 // 開頭。

：）

多行註釋以 /* 開始，以 */ 結尾。

：）

我們使用 var 關鍵詞來聲明變量：

var carname="real damn";

未使用值來聲明的變量，其值實際上是 undefined。

：）

JavaScript 擁有動態類型。這意味着相同的變量可用作不同的類型：

實例

var x                // x 爲 undefined
var x = 6;           // x 爲數字
var x = "Bill";      // x 爲字符串

：）

JavaScript 數組

下面的代碼創建名爲 cars 的數組：

var cars=new Array();
cars[0]="Audi";
cars[1]="BMW";
cars[2]="Volvo";

或者 (condensed array):

var cars=new Array("Audi","BMW","Volvo");

或者 (literal array):

實例

var cars=["Audi","BMW","Volvo"];

：）

對象屬性有兩種尋址方式：

實例

name=person.lastname;
name=person["lastname"];

：）

在面向對象的語言中，使用 camel-case 標記法的函數是很常見的。您會經常看到 someMethod() 這樣的函數名，而不是 some_method()。

：）

JavaScript 函數語法

函數就是包裹在花括號中的代碼塊，前面使用了關鍵詞 function：

function functionname(argument1,argument2)
{
這裏是要執行的代碼
}

：）

帶有返回值的函數

有時，我們會希望函數將值返回調用它的地方。

通過使用 return 語句就可以實現。

在使用 return 語句時，函數會停止執行，並返回指定的值。

語法

function myFunction()
{
var x=5;
return x;
}

：）

在您僅僅希望退出函數時 ，也可使用 return 語句

：）

向未聲明的 JavaScript 變量來分配值

如果您把值賦給尚未聲明的變量，該變量將被自動作爲全局變量聲明。

這條語句：

carname="Volvo";

將聲明一個全局變量 carname，即使它在函數內執行。

：）

用於字符串的 + 運算符

+ 運算符用於把文本值或字符串變量加起來（連接起來）。

如需把兩個或多個字符串變量連接起來，請使用 + 運算符。

：）

對字符串和數字進行加法運算

請看這些例子：

x=5+5;
document.write(x);

x="5"+"5";
document.write(x);

x=5+"5";
document.write(x);

x="5"+5;
document.write(x);

數字和字符串相加時，數字會被轉換爲字符串

：）

條件運算符

JavaScript 還包含了基於某些條件對變量進行賦值的條件運算符。

greeting=(visitor=="PRES")?"Dear President ":"Dear ";

：）

條件語句

通常在寫代碼時，您總是需要爲不同的決定來執行不同的動作。您可以在代碼中使用條件語句來完成該任務。

在 JavaScript 中，我們可使用以下條件語句：

• if 語句 - 只有當指定條件爲 true 時，使用該語句來執行代碼
• if...else 語句 - 當條件爲 true 時執行代碼，當條件爲 false 時執行其他代碼
• if...else if....else 語句 - 使用該語句來選擇多個代碼塊之一來執行
• switch 語句 - 使用該語句來選擇多個代碼塊之一來執行

JavaScript Switch 語句

請使用 switch 語句來選擇要執行的多個代碼塊之一。

語法

switch(n)
{
case 1:
  執行代碼塊 1
  break;
case 2:
  執行代碼塊 2
  break;
default:
  n 與 case 1 和 case 2 不同時執行的代碼
}

和C++一毛一樣

也有default

JavaScript Switch 語句

請使用 switch 語句來選擇要執行的多個代碼塊之一。

語法

switch(n)
{
case 1:
  執行代碼塊 1
  break;
case 2:
  執行代碼塊 2
  break;
default:
  n 與 case 1 和 case 2 不同時執行的代碼
}

For 循環

for 循環是您在希望創建循環時常會用到的工具。

下面是 for 循環的語法：

for (語句 1; 語句 2; 語句 3)
  {
  被執行的代碼塊
  }

語句 1 在循環（代碼塊）開始前執行

語句 2 定義運行循環（代碼塊）的條件

語句 3 在循環（代碼塊）已被執行之後執行

For/In 循環

JavaScript for/in 語句循環遍歷對象的屬性：

實例

var person={fname:"John",lname:"Doe",age:25};

for (x in person)
  {
  txt=txt + person[x];
  }

JavaScript 標籤

正如您在 switch 語句那一章中看到的，可以對 JavaScript 語句進行標記。

如需標記 JavaScript 語句，請在語句之前加上冒號：

label:
語句

break 和 continue 語句僅僅是能夠跳出代碼塊的語句。

語法

break labelname;

continue labelname;

continue 語句（帶有或不帶標籤引用）只能用在循環中。

break 語句（不帶標籤引用），只能用在循環或 switch 中。

通過標籤引用，break 語句可用於跳出任何 JavaScript 代碼塊：

JavaScript 測試和捕捉

try 語句允許我們定義在執行時進行錯誤測試的代碼塊。

catch 語句允許我們定義當 try 代碼塊發生錯誤時，所執行的代碼塊。

JavaScript 語句 try 和 catch 是成對出現的。

語法

try
  {
  //在這裏運行代碼
  }
catch(err)
  {
  //在這裏處理錯誤
  }

JavaScript 可用來在數據被送往服務器前對 HTML 表單中的這些輸入數據進行驗證。