為了使網(wǎng)頁(yè)能夠具有交互性,能夠包含更多活躍的元素,就有必要在網(wǎng)頁(yè)中嵌入其它的技術(shù)。如:Javascript、VBScript、Document Object Model(文件目標(biāo)模塊)、Layers和 Cascading Style Sheets(CSS),CSS和Lyaer(圖層)技術(shù)已作過(guò)專題介紹,因此在這里主要講Javascript。那么Javascript是什么東東?Javascript就是適應(yīng)動(dòng)態(tài)網(wǎng)頁(yè)制作的需要而誕生的一種新的編程語(yǔ)言,如今越來(lái)越廣泛地使用于Internet網(wǎng)頁(yè)制作上。 Javascript是由 Netscape公司開發(fā)的一種腳本語(yǔ)言(scripting language),或者稱為描述語(yǔ)言。在HTML基礎(chǔ)上,使用Javascript可以開發(fā)交互式Web網(wǎng)頁(yè)。Javascript的出現(xiàn)使得網(wǎng)頁(yè)和用戶之間實(shí)現(xiàn)了一種實(shí)時(shí)性的、動(dòng)態(tài)的、交互性的關(guān)系,使網(wǎng)頁(yè)包含更多活躍的元素和更加精彩的內(nèi)容。 運(yùn)行用Javascript編寫的程序需要能支持Javascript語(yǔ)言的瀏覽器。Netscape公司 Navigator 3.0以上版本的瀏覽器都能支持 Javascript程序,微軟公司 Internet Explorer 3.0以上版本的瀏覽器基本上支持Javascript。微軟公司還有自己開發(fā)的Javascript,稱為JScript。 Javascript和Jscript基本上是相同的,只是在一些細(xì)節(jié)上有出入。 Javascript短小精悍, 又是在客戶機(jī)上執(zhí)行的,大大提高了網(wǎng)頁(yè)的瀏覽速度和交互能力。 同時(shí)它又是專門為制作Web網(wǎng)頁(yè)而量身定做的一種簡(jiǎn)單的編程語(yǔ)言。
雖然,在Dreamweaver的Behaviors可以為我們方便地使用Javascript程序而不用編寫代碼,但我們自己了解了Javascript的編程方法后,將能更加方便靈活地應(yīng)用,也使Javascript的代碼更簡(jiǎn)練。本專題通過(guò)對(duì)一系列典型程序的剖析,使你快速地掌握J(rèn)avascript的編程技巧,設(shè)計(jì)出質(zhì)量上乘的動(dòng)態(tài)網(wǎng)頁(yè)打下堅(jiān)實(shí)的基礎(chǔ)。在此之前,我們先了解一些Javascript 的基本概念。
一、Javascript在網(wǎng)頁(yè)的用法 Javascript加入網(wǎng)頁(yè)有兩種方法:
1、直接加入HTML文檔
這是最常用的方法,大部分含有Javascript的網(wǎng)頁(yè)都采用這種方法,如:
<script language="Javascript">
<!--
document.writeln("這是Javascript!采用直接插入的方法!");
//-Javascript結(jié)束-->
</script>
在這個(gè)例子中,我們可看到一個(gè)新的標(biāo)簽: <script>……</script>,而<script language="Javascript”> 用來(lái)告訴瀏覽器這是用Javascript編寫的程序,需要調(diào)動(dòng)相應(yīng)的解釋程序進(jìn)行解釋。
HTML的注釋標(biāo)簽<!--和-->:用來(lái)去掉瀏覽器所不能識(shí)別的Javascript源代碼的,這對(duì)不支持 Javascript 語(yǔ)言的瀏覽器來(lái)說(shuō)是很有用的。
//-Javascript結(jié)束:雙斜杠表示 Javascript的注釋部分,即從//開始到行尾的字符都被忽略。 至于程序中所用到的document.write()函數(shù)則表示將括號(hào)中的文字輸出到窗口中去, 這在后面將會(huì)詳細(xì)介紹。 另外一點(diǎn)需要注意的是,<script>……</script>的位置并不是固定的,可以包含在<head>......</head> 或<body>.....</body>中的任何地方。
2、引用方式 如果已經(jīng)存在一個(gè)Javascript源文件(以js為擴(kuò)展名),則可以采用這種引用的方式,以提高程序代碼的利用率。其基本格式如下:
<script src=url language="Javascript"></script>
其中的Url就是程序文件的地址。同樣的,這樣的語(yǔ)句可以放在HTML文檔頭部或主體的任何部分。 如果要實(shí)現(xiàn)“直接插入方式”中所舉例子的效果,可以首先創(chuàng)建一個(gè)Javascript源代碼文件“Script.js”,其內(nèi)容如下:
document.writeln("這是Javascript!采用直接插入的方法!");
在網(wǎng)頁(yè)中可以這樣調(diào)用程序:<script src="Script.js" language="Javascript"></script> 。
二、Javascript基本概念 在這里只作簡(jiǎn)單介紹,在以后的例子中結(jié)程序再作具體解釋其作用。
1、運(yùn)算符
運(yùn)算符就是完成操和的一系列符號(hào),它有七類:
賦值運(yùn)算符、算術(shù)運(yùn)算符、比較運(yùn)算符、邏輯運(yùn)算符、條件運(yùn)算、位操作運(yùn)算符和字符串運(yùn)算符。
2、表達(dá)式
運(yùn)算符和操作數(shù)的組合稱為表達(dá)式,通常分為四類:賦值表達(dá)式、算術(shù)表達(dá)式、布爾表達(dá)式和字符串表達(dá)式。
3、語(yǔ)句
Javascript程序是由若干語(yǔ)句組成的,語(yǔ)句是編寫程序的指令。Javascript提供了完整的基本編程語(yǔ)句,它們是:
賦值語(yǔ)句、switch選擇語(yǔ)句、while循環(huán)語(yǔ)句、for循環(huán)語(yǔ)句、do while循環(huán)語(yǔ)句、break循環(huán)中止語(yǔ)句和continue循環(huán)中斷語(yǔ)句。
4、函數(shù)
函數(shù)是命名的語(yǔ)句段,這個(gè)語(yǔ)句段可以被當(dāng)作一個(gè)整體來(lái)引用不著和執(zhí)行。使用函數(shù)要注意以下幾點(diǎn):
1)函數(shù)由關(guān)鍵字function定義;
2)函數(shù)必須先定義后使用,否則將出錯(cuò);
3)函數(shù)名是調(diào)用函數(shù)時(shí)引用的名稱,它對(duì)大小寫是敏感的,調(diào)用函數(shù)時(shí)不可寫錯(cuò)函數(shù)名;
4)參數(shù)表示傳遞給函數(shù)使用或操作的值,它可以是常量,也可以是變量;
5)return語(yǔ)句用于返回表達(dá)式的值,也可以沒(méi)有。
5、對(duì)象
Javascript的一個(gè)重要功能就是基于對(duì)象的功能,通過(guò)基于對(duì)象的程序設(shè)計(jì),可以用更直觀、模塊化和可重復(fù)使用的方式進(jìn)行程序開發(fā)。
一組包含數(shù)據(jù)的屬性和對(duì)屬性中包含數(shù)據(jù)進(jìn)行操作的方法,稱為對(duì)象。比如要設(shè)定網(wǎng)頁(yè)的背景顏色,所針對(duì)的對(duì)象就是document,所用的屬性名是bgcolop,如document.bgcolor="blue",就是表示使背景的顏色為藍(lán)色。
6、事件
用戶與網(wǎng)頁(yè)交互時(shí)產(chǎn)生的操作,稱為事件。絕大部分事都由用戶的動(dòng)作所引發(fā),如:用戶按鼠標(biāo)的按鈕,就產(chǎn)生onclick事件,若鼠標(biāo)的指針的鏈接上移動(dòng),就產(chǎn)生onmouseover事件等等。在Javascript中,事件往往與事件處理程序配套使用。
學(xué)習(xí)Javascript比較快速有效的方法是先熟悉一些基本概念,然后找?guī)讉€(gè)別人設(shè)計(jì)好的程序認(rèn)真仔細(xì)地分析一遍,再稍作改動(dòng),再看看能否達(dá)到預(yù)期目的,不斷地舉一反三,既可以加深對(duì)一些參數(shù)、設(shè)計(jì)方法的理解,又可以快速地提高自己的水平。另外,再提醒一下:Javascript對(duì)大小寫是敏感的,特別是一些對(duì)象、方法、屬性的大小寫一定要一致,要養(yǎng)成一種良好的習(xí)慣,否則在調(diào)試程序時(shí)可要累死你了。