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