JavaScript提供腳本語言的編程與C++非常相似，它只是去掉了Ｃ語言中有關指針等容易產生的錯誤，并提供了功能強大的類庫。對于已經具備Ｃ++或Ｃ語言的人來說，學習JavaScript腳本語言是一件非常輕松愉快的事。
一、JavaScript代碼的加入
JavaScript的腳本包括在HTML中，它成為HTML文檔的一部分。與HTML標識相結合，構成了一個功能強大的Internet網上編程語言。可以直接將JavaScript腳本加入文檔：
<Script Language ="JavaScript">
JavaScript語言代碼；
JavaScript 語言代碼;
....
</Script>
說明：
通過標識<Script>...</Script>指明JavaScript腳本源代碼將放入其間。
通過屬性Language ="JavaScript"說明標識中是使用的何種語言，這里是JavaScript語言, 表示在JavaScript中使用的語言。
下面是將JavaScript腳本加入Web文檔中的例子:
Test2.html
<HTML>
<Head>
<Script Language ="JavaScript">
document. Write("這是賽迪網互動學校");
document. close();
</Script>
</Head>
</HTML>
在瀏覽器的窗口中調用test2.html，則顯示“這是賽迪網互動學校”字串。
說明:
Document. write()是文檔對象的輸出函數，其功能是將括號中的字符或變量值輸出到窗口；document. close()是將輸出關閉。
可將<Script>...</Script>標識放入head>.. </Head>或<Body> ...</Body>之間。將JavaScript標識放置<Head>... </Head>在頭部之間，使之在主頁和其余部分代碼之前裝載，從而可使代碼的功能更強大；可以將JavaScript標識放置在<Body>... </Body>主體之間以實現某些部分動態地創建文檔。
二、基本數據類型
JavaScript腳本語言同其它語言一樣，有它自身的基本數據類型、表達式和算術運算符以及程序的基本框架結構。JavaScript提供了四種基本的數據類型用來處理數字和文字, 而變量提供存放信息的地方, 表達式則可以完成較復雜的信息處理。
1、基本數據類型
在JavaScript中四種基本的數據類型：數值（整數和實數）、字符串型（用“”號或‘’括起來的字符或數值）、布爾型（使True或False表示）和空值。在JavaScript的基本類型中的數據可以是常量，也可以變量。由于JavaScript采用弱類型的形式，因而一個數據的變量或常量不必首先作聲明，而是在使用或賦值時確定其數據的類型的。當然也可以先聲明該數據的類型，它是通過在賦值時自動說明其數據類型的。
2、常量
整型常量
JavaScript的常量通常又稱字面常量，它是不能改變的數據。其整型常量可以使用十六進制、八進制和十進制表示其值。
實型常量
實型常量是由整數部分加小數部分表示，如12.32、193.98 。可以使用科學或標準方法表示：5E7、4e5等。
布爾值
布爾常量只有兩種狀態：True或False。 它主要用來說明或代表一種狀態或標志，以說明操作流程。它與Ｃ＋＋是不一樣的,Ｃ＋＋可以用１或０表示其狀態,而JavaScript只能用True或False表示其狀態。
字符型常量
使用單引號（‘）或雙引號（“）括起來的一個或幾個字符。如 "This is a book of JavaScript "、"3245"、"ewrt234234" 等。
空值
JavaScript中有一個空值null,表示什么也沒有。如試圖引用沒有定義的變量,則返回一個Null值。
特殊字符
同Ｃ語言一樣，JavaScript中同樣以有些以反斜杠（／）開頭的不可顯示的特殊字符。通常稱為控制字符。
3、變量
變量的主要作用是存取數據、提供存放信息的容器。對于變量必須明確變量的命名、變量的類型、變量的聲明及其變量的作用域。
變量的命名
JavaScript中的變量命名同其計算機語言非常相似，這里要注意以下兩點：
Ａ、必須是一個有效的變量，即變量以字母開頭，中間可以出現數字如test1、text2等。除下劃線（－）作為連字符外，變量名稱不能有空格、（＋）、（－）、（，）或其它符號。
Ｂ、不能使用JavaScript中的關鍵字作為變量。
在JavaScript中定義了４０多個類鍵字，這些關鍵是JavaScript內部使用的，不能作為變量的名稱。如Var、int、double、true不能作為變量的名稱。
在對變量命名時，最好把變量的意義與其代表的意思對應起來，以免出現錯誤。
變量的類型
在JavaScript中，變量可以用命令Var作聲明:
var mytest;
該例子定義了一個mytest變量。但沒有賦予它的值。
Var mytest=”This is a book”
該例子定義了一個mytest變量, 同時賦予了它的值。
在JavaScript中，變量以可以不作聲明，而在使用時再根據數據的類型來確其變量的類型。
如：
x=100
y="125"
xy= True
cost=19.5等。
其中x整數，y為字符串，xy為布爾型，cost為實型。
變量的聲明及其作用域
JavaScript變量可以在使用前先作聲明，并可賦值。通過使用var關鍵字對變量作聲明。對變量作聲明的最大好處就是能及時發現代碼中的錯誤；因為JavaScript是采用動態編譯的，而動態編譯是不易發現代碼中的錯誤，特別是變量命名的方面。
對于變量還有一個重要性──那就是變量的作用域。在JavaScript中同樣有全局變量和局部變量。全局變量是定義在所有函數體之外，其作用范圍是整個函數；而局部變量是定義在函數體之內，只對其該函數是可見的，而對其它函數則是不可見的。
三、表達式和運算符
１、表達式
在定義完變量后，就可以對它們進行賦值、改變、計算等一系列操作，這一過程通常又叫稱一個叫表達式來完成，可以說它是變量、常量、布爾及運算符的集合，因此表達式可以分為算術表述式、字串表達式、賦值表達式以及布爾表達式等。
２、運算符
運算符完成操作的一系列符號，在JavaScript中有算術運算符，如＋、-、*、/等；有比較運算符如!＝、＝＝等; 有邏輯布爾運算符如！（取反）、|、||; 有字串運算如＋ 、 ＋＝等。
在JavaScript主要有雙目運算符和單目運算符。其雙目運算符由下列組成：
操作數１ 運算符 操作數２
即由兩個操作數和一個運算符組成。如50＋40、"This"+"that"等。單目運算符，只需一個操作數，其運算符可在前或后。
（１）算術運算符
JavaScript中的算術運算符有單目運算符和雙目運算符。
雙目運算符：
+（加） 、-（減）、 *（乘）、 /（除）、 %（取模） 、|（按位或）、&(按位與)、<<（左移）、 >>（右移）、 >>>（右移，零填充）。
單目運算符：
-（取反）、~（取補）、++（遞加1）、--（遞減1）。
（２）比較運算符
比較運算符它的基本操作過程是，首先對它的操作數進行比較，爾后再返回一個true或False值，有８個比較運算符:
<(小于)、>(大于)、<=(小于等于)、>=(大于等于)、==(等于)、!=(不等于)。
（３）布爾邏輯運算符
在JavaScript中增加了幾個布爾邏輯運算符:
!（取反)、&=（與之后賦值）、 &（邏輯與）、 |=（或之后賦值）、 |（邏輯或）、 ^=（異或之后賦值）、 ^（邏輯異或）、 ?:（三目操作符）、||（或）、==(等于)、|=(不等于)。
其中三目操作符主要格式如下：
操作數？結果１：結果２
若操作數的結果為真，則表述式的結果為結果１，否則為結果２。
四、范例
下面是一個跑馬燈效果的JavaScript文檔。
Test2_1.html
<html>
<head>
<script Language="JavaScript">
var msg="這是一個跑馬燈效果的JavaScript文檔";
var interval = 100;
var spacelen = 120;
var space10=" ";
var seq=0;
function Scroll() {
len = msg.length;
window.status = msg.substring(0, seq+1);
seq++;
if ( seq >= len ) {
seq = spacelen;
window.setTimeout("Scroll2();", interval );
}
else
window.setTimeout("Scroll();", interval );
}
function Scroll2() {
var out="";
for (i=1; i<=spacelen/space10.length; i++) out +=
space10;
out = out + msg;
len=out.length;
window.status=out.substring(seq, len);
seq++;
if ( seq >= len ) { seq = 0; };
window.setTimeout("Scroll2();", interval );
}
Scroll();
</script>
<body>
</body>
</html>
本文介紹了JavaScript腳本是如何加入Web頁面, 并學習了JavaScript語言中的基本數據類型、變量、常量、操作運算符等。可以看出，對于已經掌握Ｃ＋＋語言的人來說，學習JavaScript真是一件非常輕松愉快的事。
一、JavaScript代碼的加入
JavaScript的腳本包括在HTML中，它成為HTML文檔的一部分。與HTML標識相結合，構成了一個功能強大的Internet網上編程語言。可以直接將JavaScript腳本加入文檔：
<Script Language ="JavaScript">
JavaScript語言代碼；
JavaScript 語言代碼;
....
</Script>
說明：
通過標識<Script>...</Script>指明JavaScript腳本源代碼將放入其間。
通過屬性Language ="JavaScript"說明標識中是使用的何種語言，這里是JavaScript語言, 表示在JavaScript中使用的語言。
下面是將JavaScript腳本加入Web文檔中的例子:
Test2.html
<HTML>
<Head>
<Script Language ="JavaScript">
document. Write("這是賽迪網互動學校");
document. close();
</Script>
</Head>
</HTML>
在瀏覽器的窗口中調用test2.html，則顯示“這是賽迪網互動學校”字串。
說明:
Document. write()是文檔對象的輸出函數，其功能是將括號中的字符或變量值輸出到窗口；document. close()是將輸出關閉。
可將<Script>...</Script>標識放入head>.. </Head>或<Body> ...</Body>之間。將JavaScript標識放置<Head>... </Head>在頭部之間，使之在主頁和其余部分代碼之前裝載，從而可使代碼的功能更強大；可以將JavaScript標識放置在<Body>... </Body>主體之間以實現某些部分動態地創建文檔。
二、基本數據類型
JavaScript腳本語言同其它語言一樣，有它自身的基本數據類型、表達式和算術運算符以及程序的基本框架結構。JavaScript提供了四種基本的數據類型用來處理數字和文字, 而變量提供存放信息的地方, 表達式則可以完成較復雜的信息處理。
1、基本數據類型
在JavaScript中四種基本的數據類型：數值（整數和實數）、字符串型（用“”號或‘’括起來的字符或數值）、布爾型（使True或False表示）和空值。在JavaScript的基本類型中的數據可以是常量，也可以變量。由于JavaScript采用弱類型的形式，因而一個數據的變量或常量不必首先作聲明，而是在使用或賦值時確定其數據的類型的。當然也可以先聲明該數據的類型，它是通過在賦值時自動說明其數據類型的。
2、常量
整型常量
JavaScript的常量通常又稱字面常量，它是不能改變的數據。其整型常量可以使用十六進制、八進制和十進制表示其值。
實型常量
實型常量是由整數部分加小數部分表示，如12.32、193.98 。可以使用科學或標準方法表示：5E7、4e5等。
布爾值
布爾常量只有兩種狀態：True或False。 它主要用來說明或代表一種狀態或標志，以說明操作流程。它與Ｃ＋＋是不一樣的,Ｃ＋＋可以用１或０表示其狀態,而JavaScript只能用True或False表示其狀態。
字符型常量
使用單引號（‘）或雙引號（“）括起來的一個或幾個字符。如 "This is a book of JavaScript "、"3245"、"ewrt234234" 等。
空值
JavaScript中有一個空值null,表示什么也沒有。如試圖引用沒有定義的變量,則返回一個Null值。
特殊字符
同Ｃ語言一樣，JavaScript中同樣以有些以反斜杠（／）開頭的不可顯示的特殊字符。通常稱為控制字符。
3、變量
變量的主要作用是存取數據、提供存放信息的容器。對于變量必須明確變量的命名、變量的類型、變量的聲明及其變量的作用域。
變量的命名
JavaScript中的變量命名同其計算機語言非常相似，這里要注意以下兩點：
Ａ、必須是一個有效的變量，即變量以字母開頭，中間可以出現數字如test1、text2等。除下劃線（－）作為連字符外，變量名稱不能有空格、（＋）、（－）、（，）或其它符號。
Ｂ、不能使用JavaScript中的關鍵字作為變量。
在JavaScript中定義了４０多個類鍵字，這些關鍵是JavaScript內部使用的，不能作為變量的名稱。如Var、int、double、true不能作為變量的名稱。
在對變量命名時，最好把變量的意義與其代表的意思對應起來，以免出現錯誤。
變量的類型
在JavaScript中，變量可以用命令Var作聲明:
var mytest;
該例子定義了一個mytest變量。但沒有賦予它的值。
Var mytest=”This is a book”
該例子定義了一個mytest變量, 同時賦予了它的值。
在JavaScript中，變量以可以不作聲明，而在使用時再根據數據的類型來確其變量的類型。
如：
x=100
y="125"
xy= True
cost=19.5等。
其中x整數，y為字符串，xy為布爾型，cost為實型。
變量的聲明及其作用域
JavaScript變量可以在使用前先作聲明，并可賦值。通過使用var關鍵字對變量作聲明。對變量作聲明的最大好處就是能及時發現代碼中的錯誤；因為JavaScript是采用動態編譯的，而動態編譯是不易發現代碼中的錯誤，特別是變量命名的方面。
對于變量還有一個重要性──那就是變量的作用域。在JavaScript中同樣有全局變量和局部變量。全局變量是定義在所有函數體之外，其作用范圍是整個函數；而局部變量是定義在函數體之內，只對其該函數是可見的，而對其它函數則是不可見的。
三、表達式和運算符
１、表達式
在定義完變量后，就可以對它們進行賦值、改變、計算等一系列操作，這一過程通常又叫稱一個叫表達式來完成，可以說它是變量、常量、布爾及運算符的集合，因此表達式可以分為算術表述式、字串表達式、賦值表達式以及布爾表達式等。
２、運算符
運算符完成操作的一系列符號，在JavaScript中有算術運算符，如＋、-、*、/等；有比較運算符如!＝、＝＝等; 有邏輯布爾運算符如！（取反）、|、||; 有字串運算如＋ 、 ＋＝等。
在JavaScript主要有雙目運算符和單目運算符。其雙目運算符由下列組成：
操作數１ 運算符 操作數２
即由兩個操作數和一個運算符組成。如50＋40、"This"+"that"等。單目運算符，只需一個操作數，其運算符可在前或后。
（１）算術運算符
JavaScript中的算術運算符有單目運算符和雙目運算符。
雙目運算符：
+（加） 、-（減）、 *（乘）、 /（除）、 %（取模） 、|（按位或）、&(按位與)、<<（左移）、 >>（右移）、 >>>（右移，零填充）。
單目運算符：
-（取反）、~（取補）、++（遞加1）、--（遞減1）。
（２）比較運算符
比較運算符它的基本操作過程是，首先對它的操作數進行比較，爾后再返回一個true或False值，有８個比較運算符:
<(小于)、>(大于)、<=(小于等于)、>=(大于等于)、==(等于)、!=(不等于)。
（３）布爾邏輯運算符
在JavaScript中增加了幾個布爾邏輯運算符:
!（取反)、&=（與之后賦值）、 &（邏輯與）、 |=（或之后賦值）、 |（邏輯或）、 ^=（異或之后賦值）、 ^（邏輯異或）、 ?:（三目操作符）、||（或）、==(等于)、|=(不等于)。
其中三目操作符主要格式如下：
操作數？結果１：結果２
若操作數的結果為真，則表述式的結果為結果１，否則為結果２。
四、范例
下面是一個跑馬燈效果的JavaScript文檔。
Test2_1.html
<html>
<head>
<script Language="JavaScript">
var msg="這是一個跑馬燈效果的JavaScript文檔";
var interval = 100;
var spacelen = 120;
var space10=" ";
var seq=0;
function Scroll() {
len = msg.length;
window.status = msg.substring(0, seq+1);
seq++;
if ( seq >= len ) {
seq = spacelen;
window.setTimeout("Scroll2();", interval );
}
else
window.setTimeout("Scroll();", interval );
}
function Scroll2() {
var out="";
for (i=1; i<=spacelen/space10.length; i++) out +=
space10;
out = out + msg;
len=out.length;
window.status=out.substring(seq, len);
seq++;
if ( seq >= len ) { seq = 0; };
window.setTimeout("Scroll2();", interval );
}
Scroll();
</script>
<body>
</body>
</html>
本文介紹了JavaScript腳本是如何加入Web頁面, 并學習了JavaScript語言中的基本數據類型、變量、常量、操作運算符等。可以看出，對于已經掌握Ｃ＋＋語言的人來說，學習JavaScript真是一件非常輕松愉快的事。
标签：
推薦設計
優秀海報設計精選集（8）海報設計2022-09-23
充滿自然光線！32平米精致裝修設計2022-08-14
親愛的圖書館 | VERSE雜誌版版式設計2022-07-11
生活，就該這麼愛！2022天海報設計2022-06-02
最新文章
實現DIV圓角的JavaScript代碼Javascript教程2007-02-19
JS函數實現鼠標指向圖片后Javascript教程2007-10-28
JavaScript基本數據結構Javascript教程2007-10-08
名詞解釋:JavaScript、JscriJavascript教程2007-10-06
