當前位置:才華齋>設計>網頁設計>

關於Javascript 入門基礎學習

網頁設計 閱讀(1.89W)

關於Javascript 入門基礎學習

關於Javascript 入門基礎學習

一Script簡介:

學習JavaScript之前,有些東西你需要先了解:

HTML

XHTML

我覺得這些不需要太深入,懂個大概就行。

JavaScript是:

JavaScript 被設計用來向 HTML 頁面新增互動行為。

JavaScript 是一種指令碼語言。

JavaScript 由數行可執行計算機程式碼組成。

JavaScript 通常被直接嵌入 HTML 頁面。

JavaScript 是一種解釋性語言。

所有的人無需購買許可證均可使用 JavaScript。

這些都是一些書裡關於JavaScript的定義,知道就行了。

二.實現JavaScript簡單的例子:

[html]

e("這就是JavaScript.");

將JavaScript程式碼嵌入HTML頁面時,需要在頭和尾處加上JavaScript的標籤,來告訴瀏覽器這是JavaScript程式碼。

比如上面的例子就會在頁面上顯示:

這就是JavaScript.

假如沒有例子中的紅色部分程式碼,將會顯示:

e("這就是JavaScript.")

在以前,老的瀏覽器不支援JavaScript時,為防止瀏覽器將JavaScript程式碼當做文字輸出,我們可以將程式碼寫成:

複製程式碼 程式碼如下:

這樣的話不支援JavaScript的瀏覽器會自動跳過裡面的程式碼,支援的則將會執行裡面的程式碼。

一般情況下,我們儘可能的將JavaScript程式碼獨立出來,做成外部檔案,一是使頁面程式碼不那麼混亂,二是在不同頁面複用JavaScript程式碼時避免重複編寫。

....

檔案一般統一放在網站的子目錄中,方便維護和增加程式碼可讀性。

三Script語句及註釋

JavaScript語句帶不帶“;”都可以,不帶的以一行為一句,帶“;”的`可以在同一行寫多個語句。

複製程式碼 程式碼如下:

e("

Hello

"); //以

格式 輸出 "Hello"

e("World"); // 輸出 "World"

/*這樣的多行註釋。*/

從這個簡單例子中可以看出來在JavaScript輸出語句中可以嵌入HTML語句,您可以試著寫一些複雜的例子。

四Script基本語法

1.宣告變數

var x;var x=1;var x="你好"。。。。就一個var,很是簡單。

2.運算子

這個和其他語言很類似,沒什麼好說的。網上找張表,自己看看。

運算子 描述

+ 加

- 減

* 乘

/ 除

% 求餘數

++ 累加

-- 遞減

運算子 例子 等價於

= x=y

+= x+=y x=x+y

-= x-=y x=x-y

*= x*=y x=x*y

/= x/=y x=x/y

%= x%=y x=x%y

有意思的是若是兩個字串相加,輸出的是這兩個字串拼接的結果。

,switch,for,while

這些都很簡單,看看例子就行了。

複製程式碼 程式碼如下:

var a=3

if(a==1)

{

e("a的值是1");

}

else if(a==2)

{

e("a的值是2");

}

else

{

e("a的值比2大");

}

複製程式碼 程式碼如下:

switch(n)

{

case 1:

執行程式碼塊 1

break

case 2:

執行程式碼塊 2

break

default:

如果n即不是1也不是2,則執行此程式碼

}

複製程式碼 程式碼如下:

for (i=0;i<=10;i++)

{

e("The number is " + i)

e("

")

}

複製程式碼 程式碼如下:

var i=0

do{

e("The number is " + i)

e("

")

i++

}while (i <= 10)

複製程式碼 程式碼如下:

var i=0

while (i <= 10)

{e("The number is " + i)

e("")i++}

複製程式碼 程式碼如下:

for (變數 in 物件)//遍歷陣列常用的

{

在此執行程式碼

}

這些都是最基礎的東西,下次我會將JavaScript中常用的事件寫出來。