《網(wǎng)頁設計與制作》電子教案課程課件PPT 第五章

1、第5章 HTML語言和動態(tài)交互HTML語言含有大量的標記符號，并且還在不斷的增加當中。本節(jié)將介紹HTML一些常用的標記符號，以及它們使用時的語法規(guī)則 5.1.1 網(wǎng)頁和網(wǎng)頁和HTML語言的關系語言的關系l在Dreamweaver的可視化窗口中制作網(wǎng)頁時，形成的目標文件仍然是HTML代碼，如果切換到代碼窗口中，馬上就可以看到對應的HTML代碼。l1一個空白網(wǎng)頁的HTML代碼l 當新建一個網(wǎng)頁時，網(wǎng)頁上沒有什么對象，這就是一個空白頁，現(xiàn)在看一下空白頁的HTML代碼。如圖5-1所示。圖5-1空白網(wǎng)頁的HTML代碼l 其實這個空白頁已經(jīng)已經(jīng)有了一些簡單的設置，在啟動Dreamweaver時，系統(tǒng)已經(jīng)自

2、動地加入了兩段代碼：l和lbgcolor=#FFFFFF text=#000000l 第一行代碼的意思是：當用戶瀏覽網(wǎng)頁時，瀏覽器會自動識別并設置網(wǎng)頁中的語言，這個語句告訴瀏覽器，該網(wǎng)頁的HTML文件使用了國標gb2312字符集，是簡體中文主頁。同樣的，如果該網(wǎng)頁是英語，那么charset=en。l第二段代碼的意思是：頁面的背景色為白色（#FFFFFF），文本的顏色為黑色（#000000）。l在標記 之間，可以輸入網(wǎng)頁的標題名，輸入的標題名會出現(xiàn)在Dreamweaver窗口上方的標題欄中。l完全空白網(wǎng)頁的代碼由下面的標記組成：lll lllll代碼窗口的情況如圖5-2所示。切換到可視窗口去觀察

3、，空白網(wǎng)頁所顯示的內(nèi)容，應該是灰色的背景，這就是瀏覽器中默認的無色背景，如圖5-3所示。 圖5-2空白網(wǎng)頁的HTML代碼圖5-3空白網(wǎng)頁的顯示情況l2在空白網(wǎng)頁上輸入一行文本l在空白的網(wǎng)頁上輸入一行文本，從代碼窗中可以看到文本添加在兩個之間。如圖5-4、圖5-5所示。l圖5-4 空白網(wǎng)頁的顯示情況l圖5-5代碼窗口中的文本對照l在HTML語言中規(guī)定，兩個之間是輸入網(wǎng)頁對象的位置。那么，如果是一幅圖像，情況又會怎樣呢？l注意：在代碼窗口調(diào)試HTML代碼時，如果有語法或格式錯誤，代碼將會用黃色顯示。 圖5-4 空白網(wǎng)頁的顯示情況圖5-5代碼窗口中的文本對照l3在網(wǎng)頁中插入圖像l 在網(wǎng)頁中輸入一行文

4、本，采用5號字，再插入一幅大小為150100像素的圖像，在兩個窗口中觀察對比一下。如圖5-6所示。圖5-6代碼窗口和可視窗口中的圖片l從代碼窗口中可以看到，在兩個之間，增加了兩行代碼：l動物趣聞字體格式 5號字 文本內(nèi)容 結(jié)束標志l l 起始符 圖片 圖片的路徑和文件名 圖片寬度(像素) 圖片的高度 結(jié)束符l從上面幾個簡單的例子可以看到，HTML語言是一種標記性語言，輸入網(wǎng)頁的內(nèi)容放在兩個說明符之間。lHTML語言創(chuàng)建出來的文檔，是一種純文本格式的代碼。這些文檔可以被瀏覽器解釋執(zhí)行后，并在屏幕上顯示成網(wǎng)頁的形式。5.1.2 HTML語言的語法規(guī)則語言的語法規(guī)則l1HTML語言文件的基本結(jié)構(gòu)l對

5、于一個網(wǎng)頁，即一個HTML文檔，其基本結(jié)構(gòu)為：lll文檔標題部分lll頁面主體部分lll從上面的格式可以看出，文檔內(nèi)容以開始，以結(jié)束。l文檔標題 是文件標題標記。l文檔標題部分 是頁面主體部分標記。l 是一個頁面的開始和結(jié)尾。 l2HTML語言的語法lHTML語言有三種表達方法：l（1）對象l這是一種封閉型的標記形式，他們成對出現(xiàn)，第二個標記符前面有反斜線。如：l動物世界 瀏覽器以標題的格式顯示文本l 熱愛自然 瀏覽器以斜體字顯示文本l（2）對象l這是一種擴展封閉型的標記形式，利用屬性可以進一步設置對象的格式，例如：l熱愛自然 其中 是錨標記，href是該標記的屬性之一，用于超級鏈接所指向的地

6、址。在這里“熱愛自然”鏈接的目標是該頁面上的一個錨標記#maojil（3）l這是一種非封閉型的標記形式，在HTML語言中非封閉型的標記很少，但確實存在。例如：l不分段換行標記。l3HTML語言的嵌套l幾乎所有的HTML代碼都是由上面三種形式組合，如果將標記嵌套組合，可以形成更為復雜的語句。l例如：l 環(huán)境保護，利國利民 在瀏覽器中將以粗體和斜體顯示“環(huán)境保護，利國利民”。 5.1.3常用的常用的HTML文本格式標記文本格式標記和含義和含義l除了上述基本的HTML文檔結(jié)構(gòu)標記外，文本的格式是頁面設計中的重要環(huán)節(jié)，涉及到的格式參數(shù)有字體、字型、字號、標題形式、排列形式、段落等。下面是一些常用的文本

7、格式標記：l 創(chuàng)建最大的標題。l 創(chuàng)建最小的標題。l 創(chuàng)建黑體字。l 創(chuàng)建斜體字。l 字體標記。l 創(chuàng)建一個飲用，通常是斜體。l 創(chuàng)建一個新的段落。l加重文本，通常是斜體加黑體。l字體對齊的三個標記，為左齊、右齊、居中。l將文本段落按左、中、右對齊。l設置字體大小，從1到7。l設置字體的顏色，使用16進制代碼。l 不分段的換行符。l 從兩邊縮進文本。l分區(qū)標記，用來拍板大塊的HTML段落。 l1標題字號標記-l示例：如圖5-7所示。lll示例lll熱愛家鄉(xiāng)熱愛家鄉(xiāng)l熱愛祖國熱愛祖國lll圖5-7標題字號的大小圖5-7標題字號的大小l2字體顏色標記l 設置字體的顏色，從000000到FFFFFF

8、之間的16進制數(shù)字。l示例如下：lll無標題文檔lll熱愛家鄉(xiāng)熱愛家鄉(xiāng) ；字體大小為二號字lll3字體對齊標記h1 align=”center” l字體對齊效果如圖5-8所示。示例如下：lll無標題文檔lll 熱愛家鄉(xiāng)熱愛家鄉(xiāng) ；采用居中對齊，h1標題字號。lll4字體標記 l示例：如圖5-9所示。lll無標題文檔lll 黃河，中華民族的搖黃河，中華民族的搖籃！籃！lll5字號標記l示例：lll無標題文檔lll黃河之水天上來。黃河之水天上來。 ；采用6號字lll6字符修飾標記l傾斜文本表示 l給文本加下劃線l示例：如圖5-10所示。lll無標題文檔lll兩岸猿聲啼不住，輕舟已過萬重山。兩岸猿聲

9、啼不住，輕舟已過萬重山。 ；文本采用6號字傾斜并加下劃線ll圖5-10采用6號字文本傾斜并加下劃線l7分段標記l示例：全文共分三段，共有三對。如圖5-11所示。lll無標題文檔lll毛澤東憶秦娥;婁山關l西風烈，長空雁叫霜晨月。l 霜晨月，馬蹄聲碎，喇叭聲咽。l雄關漫道真如鐵，l 而今邁步從頭越。l 從頭越，蒼山如海，殘陽如血。ll圖5-11分段效果l8換行標記 l 這個符號是單獨使用的。在Dreamweaver中，分段和換行是兩個不同的符號。分段不但會造成換行，而且行與行之間有較大的間距；使用換行，文字的行間距小，而且仍然屬于同一個段落，屬性相同。l9段落縮進標記l在可視窗口中，文檔屬性欄上

10、縮進段落的按鈕是。l示例：如圖5-12所示。lll無標題文檔lll l l 在Windows中，臨時文件是隨時隨處都存在的，IE也有自己的臨時文件夾。l 在此，我們一起來研究一下IE的臨時文件夾。 lll圖5-12段落縮進l10文本標志的綜合示例，如圖5-13所示。lll文本標志例lll最大的標題l使用h3的標題l最小的標題l黑體字文本 l斜體字文本 l下加一劃線文本 l打字機風格的文本l引用方式的文本l強調(diào)的文本l加重的文本l文本大小取值1號字、顏色取值“紅色”時的文本ll圖5-13各種文本標志5.1.4 文件頭標記文件頭標記 l文件頭標記是。l 這個標記用于對文件特征的描述，可以將一些關鍵

11、字置于文件頭中，這樣做的目的，是為了讓搜索引擎找到該文件。l示例：lll無標題文檔llllllll這樣在搜索引擎中輸入“動態(tài)網(wǎng)頁設計”、“HTML語言的應用”或“標記的使用”就可以查找到該網(wǎng)頁。5.1.5插入圖片標記和水平分隔線插入圖片標記和水平分隔線標記標記l1插入圖片標記 l 示例：lll無標題文檔lll lll其中HLPGLOBE是圖片文件名。l2插入水平分隔線標記l 示例：如圖5-14所示。lll無標題文檔lllllll圖5-14幾種水平分隔線標記5.1.6 插入錨點標記插入錨點標記l插入錨點標記是 。l 示例：如圖5-15所示。lll無標題文檔lll網(wǎng)上信息安全的防范技巧l刪除來歷不

12、明的文件刪除來歷不明的文件 屏蔽屏蔽 Cookie信息信息 不同的地方用不同的口令不同的地方用不同的口令 l人類社會已經(jīng)進入了信息化時代。人已經(jīng)開始人類社會已經(jīng)進入了信息化時代。人已經(jīng)開始離不開離不開 Internet網(wǎng)絡。然而從網(wǎng)絡。然而從Internet誕生之日起，它就成為眾矢之誕生之日起，它就成為眾矢之的。尤其是在一些電子商務網(wǎng)站進行購物，或者希望注冊成為某些網(wǎng)的。尤其是在一些電子商務網(wǎng)站進行購物，或者希望注冊成為某些網(wǎng)站的會員的時候，要特別注意保護自己個人信息在網(wǎng)上的安全。站的會員的時候，要特別注意保護自己個人信息在網(wǎng)上的安全。l l刪除來歷不明的文件刪除來歷不明的文件l 如果你收到一

13、封帶有附件的電子郵件，且附件是擴展名為如果你收到一封帶有附件的電子郵件，且附件是擴展名為.EXE一類的文件，這時千萬不能貿(mào)然運行它，因為這個不明真相的程序，一類的文件，這時千萬不能貿(mào)然運行它，因為這個不明真相的程序，有可能是一個系統(tǒng)破壞程序。攻擊者常把系統(tǒng)破壞程序換一個名字用有可能是一個系統(tǒng)破壞程序。攻擊者常把系統(tǒng)破壞程序換一個名字用電子郵件發(fā)給你，并帶有一些欺騙性主題：電子郵件發(fā)給你，并帶有一些欺騙性主題：“這是個好東西，你一定這是個好東西，你一定要試試要試試”，“幫我測試一下程序幫我測試一下程序”之類的話。之類的話。l l建議：對待這些表面上很友好、很善意的郵件附件，我們應該做的是建議：對

14、待這些表面上很友好、很善意的郵件附件，我們應該做的是立即刪除這些來歷不明的文件。立即刪除這些來歷不明的文件。l 屏蔽屏蔽 Cookie信息信息l Cookie是是Web服務器發(fā)送到電腦里的數(shù)據(jù)文件，它記錄了諸如服務器發(fā)送到電腦里的數(shù)據(jù)文件，它記錄了諸如用戶名、口令和關于用戶興趣取向的信息。這些信息可能會被一些喜用戶名、口令和關于用戶興趣取向的信息。這些信息可能會被一些喜歡搞歡搞“惡作劇惡作劇”的人利用，它可能造成安全隱患。的人利用，它可能造成安全隱患。l建議：我們可以在瀏覽器中做一些必要的設置，要求建議：我們可以在瀏覽器中做一些必要的設置，要求瀏覽器在接受瀏覽器在接受Cookie之前提醒您，或

15、者干脆拒絕它之前提醒您，或者干脆拒絕它們。們。l 不同的地方用不同的口不同的地方用不同的口令令l 對于經(jīng)常上網(wǎng)的用戶，可能會發(fā)現(xiàn)在網(wǎng)上需要對于經(jīng)常上網(wǎng)的用戶，可能會發(fā)現(xiàn)在網(wǎng)上需要設置密碼的情況有很多。有很多用戶圖方便記憶，不設置密碼的情況有很多。有很多用戶圖方便記憶，不論在什么地方，都使用同一個口令，殊不知他們已不論在什么地方，都使用同一個口令，殊不知他們已不知不覺地留下了一個安全隱患。攻擊者一般在破獲到知不覺地留下了一個安全隱患。攻擊者一般在破獲到用戶的一個密碼后，會用這個密碼去嘗試用戶每一個用戶的一個密碼后，會用這個密碼去嘗試用戶每一個需要通道口令的地方！需要通道口令的地方！ll圖5-15

16、錨點和錨點的鏈接5.1.7 插入超鏈接標記插入超鏈接標記l1普通超級鏈接標記l示例：lll無標題文檔lll數(shù)據(jù)的安全性數(shù)據(jù)的安全性 lll2指向E-mail的超鏈接標記l示例：lll無標題文檔lll請給我回信請給我回信 lll3指向錨點的鏈接l示例：如 見517插入錨點標記5.1.8 幾個動態(tài)應用的例子幾個動態(tài)應用的例子l例1在網(wǎng)頁上加入背景音樂lll無標題文檔lllllll其中：src=“ ”中是音樂文件的路徑；在相應的路徑下有一個wav音樂文件。lloop=-1代表一直循環(huán)播放。l例2使用動態(tài)樣式改變字體的大小 l l l動態(tài)改變字體的大小 l l l l使用動態(tài)使用動態(tài)HTML可以改變字

17、體的大小可以改變字體的大小 l l ll在這一例子中，當用戶用鼠標在文字上單擊時文字變大。style是樣式表在HTML中的應用。l例3圖像的替換 l l圖像的替換 l l l l l l在這個例子里，通過改變img 元素的 SRC屬性，改變圖像的顯示內(nèi)容。當鼠標移動到這個圖像上時，它的源由 before.gif 改變成 after.gif。當鼠標離開這個圖像后，它的源又由 after.gif 改變成 before.gif。l這個例子是行為在HTML中的應用。lbefore.gif和after.gif這兩個圖片，在調(diào)試時應選用實際路徑和文件名。l例4在屏幕上顯示立體字，如圖5-16所示。l l在

18、屏幕上顯示立體字 l l l 以史為鑒l l 圖5-16立體字效果5.2 JavaScript程序程序lJavaScript語言的前身叫作LiveScript。后來Netscape公司引進了Sun公司有關Java的程序概念，將自己原有的LiveScript 重新進行設計，并改名為JavaScript。 JavaScript是一種基于對象和事件驅(qū)動并具有安全性能的腳本語言，有了JavaScript，可使網(wǎng)頁變得生動。使用JavaScript的目的是與HTML超文本標識語言一起實現(xiàn)與網(wǎng)絡客戶的交互，從而可以開發(fā)客戶端的應用程序。5.2.1 什么是什么是JavaScriptlHTML超文本標識語言，

19、通過超文本和超媒體技術(shù)，結(jié)合超鏈接功能將各種信息組織成網(wǎng)絡結(jié)構(gòu)，構(gòu)成網(wǎng)絡文檔，實現(xiàn)Internet上的“漫游”。然而采用這種超鏈技術(shù)存在有一定的缺陷，那就是它只能提供一種靜態(tài)的信息資源，缺少動態(tài)的交互。lJavaScript是一種基于對象和事件驅(qū)動的腳本語言。使用它的目的是與HTML超文本標記語言一起，與Web客戶交互，它是在標準的HTML語言中通過嵌入或調(diào)入Java 腳本語言實現(xiàn)的。它的出現(xiàn)彌補了HTML語言的缺陷，JavaScript具有以下一些基本特點。l在學習JavaScript之前，應該首先掌握HTML，并且具備了面向?qū)ο缶幊痰幕A（最好掌握C+或Java），將會有助于更好地理解Ja

20、vaScript。l1JavaScrip是一種腳本編寫語言lJavaScript是一種腳本語言，它采用小程序段的方式實現(xiàn)編程。像其它腳本語言一樣，JavaScript同樣也是一種解釋性語言，它的基本結(jié)構(gòu)形式與C、C+、VB、Delphi十分類似。但它不像這些語言一樣，需要先編譯，而是在程序運行過程中逐行地解釋運行。它與HTML標識結(jié)合在一起，便于用戶的使用操作。lJavaScript是一種基于對象的語言，這意味著它能運用自己已經(jīng)創(chuàng)建的對象。因此，許多功能可以來自于腳本環(huán)境中對象的方法與腳本的相互作用。lJavaScript運行時不訪問本地的硬盤，也不會將數(shù)據(jù)存入到服務器上，不允許對網(wǎng)絡文檔進行

21、修改和刪除，只能通過瀏覽器實現(xiàn)信息瀏覽或動態(tài)交互。從而有效地防止數(shù)據(jù)的丟失。 lJavaScript可以直接對用戶或客戶輸入做出響應，無須經(jīng)過服務器上的Web服務程序。它對用戶的響應，是以事件驅(qū)動的方式進行的。所謂事件驅(qū)動，就是指在頁面上執(zhí)行了某種操作所產(chǎn)生的動作，就稱為“事件”。比如按下鼠標、移動窗口、選擇菜單等都可以視為事件。當事件發(fā)生后，就會引發(fā)預先設定的動作。lJavaScript依賴于瀏覽器本身，與操作環(huán)境無關，只要能運行瀏覽器的計算機，并支持JavaScript的瀏覽器就可正確執(zhí)行。與計算機上配置的操作系統(tǒng)無關，因而具有跨平臺性。 lJavaScript是一種新的描述語言，它可以被

22、嵌入到HTML的文件之中。JavaScript語言可以做到回應使用者的需求事件，不用任何的網(wǎng)絡來回傳輸資料，所以當一位使用者輸入一項資料時，不用經(jīng)過服務器處理，再傳回來的過程，而直接可以被客戶端的應用程序所處理。5.2.2 一個一個JavaScript應用的實例應用的實例l在網(wǎng)頁上插入一幅圖片，給圖片設置的行為是：當鼠標指向圖片時，彈出信息框，即“onMouseOver”事件，引發(fā)彈出信息框的動作。圖5-17所示是“行為”設置好后的JavaScript代碼。與空白網(wǎng)頁較比，分別在和區(qū)域中多出一段代碼，這就是嵌入的JavaScript程序。l程序如下：lll無標題文檔llllll lll其中：l

23、function 定義一個函數(shù)。lMM_popupMsg(msg) 是彈出對話框函數(shù)。lonMouseOver=MM_popupMsg(動物趣聞) 當發(fā)生“onMouseOver”事件時調(diào)用“MM_popupMsg(msg)”函數(shù)。圖5-17一個簡單的JavaScript程序l其中：lfunction 定義一個函數(shù)。lMM_popupMsg(msg) 是彈出對話框函數(shù)。lonMouseOver=MM_popupMsg(動物趣聞) 當發(fā)生“onMouseOver”事件時調(diào)用“MM_popupMsg(msg)”函數(shù)。5.2.3 JavaScript的語法規(guī)則的語法規(guī)則l前面已經(jīng)提到，JavaScr

24、ipt是嵌入到HTML中使用的。所謂的嵌入就是在網(wǎng)頁的和之間，插入的JavaScript代碼。lJavaScript語言的標識符，類同于C語言。也有表達式、語法、變量、常量、操作符、對象、函數(shù)、事件等。編程的方式也類同于C，也有循環(huán)、數(shù)組、字符串等。l1JavaScript的表達式l一個表達式就是由常量、變量和操作符相連接而組成的式子，這個式子可以唯一地得出一個值。l 條件表達式l 一個條件表達式是形如這樣的式子：l （條件）？A：Bl其中A和B為任何類型的值，包含數(shù)值、字符串以及布爾值等，如果表達式中的條件成立，則表達式取值A：否則，表達式式取值B。l例：status=(campo=19)

25、? 歡迎光臨 : 請下次再來l 這個表達式首先判斷變量campo的值是否大于等于19。如果滿足條件，表達式的值為：“歡迎光臨”，否則為：“請下次再來”。 l 表達式的賦值操作符l 一個賦值操作符把它右邊的表達式的值送給左邊的變量。最基本的賦值操作符是等號（“=”）。 l 例：x = y + 1;l這意味著把等號右邊y + 1 的值賦給左邊的變量x。l2JavaScript的基本語法lJavaScript的基本語法包括：變量聲明、賦值語句、函數(shù)定義語句、條件分支語句、 l循環(huán)語句、對象操作語句、注釋語句等。 l（1）變量聲明、賦值語句：varl var語句聲明了一個變量的名稱，同時也可以讓這個變

26、量具有一個初始值。l如果var語句在一個函數(shù)中聲明變量，則這下個變量的有效區(qū)域只限于這個函數(shù)，叫局部變量；如果var語句在函數(shù)體外，則有效區(qū)為整個應用程序，叫全局變量。l（2）函數(shù)定義語句function，return語句lfunction用來定義一個函數(shù)，讓瀏瀏覽器知道有這樣一個函數(shù)，但只有當函數(shù)被調(diào)用時才會執(zhí)行。l 基本格式：lfunction 函數(shù)名 （參數(shù)，變元）l函數(shù)體lreturn 表達式ll說明：l當調(diào)用函數(shù)時，所用變量或字面量均可作為變元傳遞。l函數(shù)由關鍵字function定義。l函數(shù)名：定義自己函數(shù)的名字。l參數(shù)表：是傳遞給函數(shù)使用或操作的值，其值可以是常量 ，變量或其它表達

27、式。l通過指定函數(shù)名（實參）來調(diào)用一個函數(shù)。l必須使用return將值返回。l函數(shù)名對大小寫是敏感的。 l下面舉一個簡單的例子： l l l 歡迎光臨l l function go() l l alert(歡迎光臨)l l l l l ll ll l程序中：l.：在標識符之間插入JavaScript腳本。lalert()：JavaScript的窗口對象方法，其功能是彈出一個對話框，并顯示括號中的字符串。l：注釋，使用注釋這是一個好的編程習慣，以使其他人讀懂該段程序。對于不認識 JavaScript代碼的瀏覽器，則其中的標識被忽略；若認識，則執(zhí)行其結(jié)果。l 為標簽結(jié)束。l該網(wǎng)頁顯示的結(jié)果如圖5-

28、18所示。 圖5-18 JavaScript程序的顯示結(jié)果l（3）條件分支語句 if.elsel基本格式為：lif（表述式）l語句段；l. elsel語句段；l功能：若表達式為true，則執(zhí)行語句段；否則執(zhí)行語句段。l說明：if -else 語句是JavaScript中最基本的控制語句，通過它可以改變語句的執(zhí)行順序。l（4）循環(huán)語句for語句l 基本格式：for（初始化；條件；增量）l語句集；l功能：實現(xiàn)條件循環(huán)，當條件成立時，執(zhí)行語句集，否則跳出循環(huán)體。l說明：初始化參數(shù)告訴循環(huán)的開始位置，必須賦予變量的初值；l條件：是用于判別循環(huán)停止時的條件。若條件滿足，則執(zhí)行循環(huán)體，否則 跳出。l增量：

29、主要定義循環(huán)控制變量在每次循環(huán)時按什么方式變化。l（5）對象操作語句with，thislwith語句：使用該語句的意思是，在該語句體內(nèi)，任何對變量的引用被認為是這個對象的屬性，以節(jié)省一些代碼。l基本格式：lwith objectl.l所有在with語句后的花括號中的語句，都是在后面object對象的作用域的。lthis關鍵字：this是對當前的引用，在JavaScript由于對象的引用是多層次，多方位的，往往一個對象的引用又需要對另一個對象的引用，而另一個對象有可能又要引用另一個對象，這樣有可能造成混亂，最后自己已不知道現(xiàn)在引用的那一個對象，為此JavaScript提供了一個用于將對象指定當前

30、對象的語句this。l 3JavaScript的變量與常量 l在JavaScript中，可以使用以下幾種數(shù)據(jù)類型：l（1）數(shù)字：JavaScript語言實現(xiàn)的時候并沒有把整數(shù)和實數(shù)嚴格的分開，可以自由轉(zhuǎn)換。l（2）邏輯值：只有兩個常量ture和false。l（3）字符串：放置在單引號或雙引號內(nèi)的一串字符，例如：“萬馬奔騰”。l（4）undefined類型：專門用指明一個已經(jīng)創(chuàng)建，但是卻還沒有一個初值的變量。l（5）對象：對象是JavaScript中重要組成部分。可以把對象想象成為一個命名好的容器，可以放數(shù)據(jù)，還可以對數(shù)據(jù)進行操作。 l（6）變量的命名規(guī)則：l必須以字母或下劃線開始；后面的可以是

31、數(shù)字（大小寫不同的變量名是不同的變量）。l不可用保留字作為變量名。l 3JavaScript的變量與常量 l在JavaScript中，可以使用以下幾種數(shù)據(jù)類型：l（1）數(shù)字：JavaScript語言實現(xiàn)的時候并沒有把整數(shù)和實數(shù)嚴格的分開，可以自由轉(zhuǎn)換。l（2）邏輯值：只有兩個常量ture和false。l（3）字符串：放置在單引號或雙引號內(nèi)的一串字符，例如：“萬馬奔騰”。l（4）undefined類型：專門用指明一個已經(jīng)創(chuàng)建，但是卻還沒有一個初值的變量。l（5）對象：對象是JavaScript中重要組成部分。可以把對象想象成為一個命名好的容器，可以放數(shù)據(jù)，還可以對數(shù)據(jù)進行操作。 l（6）變量的命

32、名規(guī)則：l必須以字母或下劃線開始；后面的可以是數(shù)字（大小寫不同的變量名是不同的變量）。l不可用保留字作為變量名。l1）代數(shù)操作符：l* 取模運算符%：l A%B 返回整數(shù)A被整數(shù)B除后的余數(shù)。l 例如：24 % 5 = 4l * 增量運算符+:l A+ 的形式，返回度量的值后再做增量運算；l +A 的形式，則先對度量做增量運算，再返回增量運算后的值。l 例如：l x=4;l y=x+;l yy=+x;l 結(jié)果：y=4 yy=5l * 減量運算符-：（形同增量運算符） l * 取反運算符-：l 采用-X的形式，取反運算符可以改變操作數(shù)X的符號。l 例如：l X=5l 則-X得到-5。l（2）比較

33、操作符：l* A=B 如果兩個操作數(shù)相等，返回true l* A!=B 如果兩個操作數(shù)不等，返回true l* A=B 如果A大于或者等于B，返回true l* aB 如果A大于B，返回true l* A=b 如果A小于或等于B，返回true l* AB 如果A小于B，返回truel5JavaScript的對象l（1）創(chuàng)建自定義對象lJavaScript中創(chuàng)建對象的方法并不困難，其格式為：lFunction Object（屬性表）lTp1=prop1 lTp2=prop2lThis.meth=FunctionName1;lThis.meth=FunctionName

34、2;l在一個對象的定義中，可以為該對象指明其屬性和方法。通過屬性和方法構(gòu)成了一個對象的實例。下面是自己創(chuàng)建一個關于student對象的過程：lFunction student (name,city,creatDate URL)lT=name lThis.city=citylThis.creatDate=New Date(creatDate)lThis.URL=URLl其基本含義如下：lName：指定一個“單位”名稱。 lCity：“單位”所在城市。 lCreatDate：記載student對象的更新日期。 lURL：該對象指向一個網(wǎng)址。l（2）瀏覽器中可供利用的幾大類對象：l在

35、JavaScript中除了能夠創(chuàng)建自己的對象外，瀏覽器中提供了幾大類可利用的對象，這些對象提供給程序設計人員使用，減輕了編程人的設計工作量，提高設計Web頁面的能力，這些對象是：l瀏覽器對象：提供有關瀏覽器的信息l窗口對象：窗口對象處于對象層次的最頂端，它提供了處理窗口的方法和屬性。l位置對象：對象提供了與當前打開的URL一起工作的方法和屬性，它是一個靜態(tài)的對象。l歷史對象：對象提供了與歷史清單有關的信息。l文檔對象：對象包含了與文檔元素一起工作的對象，它將這些元素封裝起來供編程人員使用。l（3）文檔對象l每一類對象中又包含幾個對象，就拿文檔對象來說，它包含了與文檔元素一起工作的三個對象，這三

36、個對象為：links，anchor，form。 lanchor：錨對象，錨對象指的是 標識在HTML源碼中存在時產(chǎn)生的對象。它包含著文檔中所有的anchors信息。llinks：鏈接對象，鏈接對象指的是用 標記的連接一個超文本或超媒體的元素作為一個特定的URL。lForm：窗體對象，窗體對象是文檔對象的一個元素，它含有多種格式的對象儲存信息，使用它可以在JavaScript腳本中編寫程序進行文字輸入，并可以用來動態(tài)改變文檔的行為。 l（4）關于對象的屬性l仍以文檔對象中的鏈接對象為例，鏈接對象的屬性，主要用于在引用Href標識時，控制著顏色的格式。其屬性主要有以下幾個方面：llinkcolor

37、：超鏈接的顏色。lalinkcolor：激活鏈接顏色(鼠標按住未放時)。lVlinkColor：瀏覽過后鏈接的顏色。lbgcolor：背景顏色。lfgcolor：前景顏色。l關于這些屬性，在制作網(wǎng)頁時讀者已經(jīng)很熟悉了，Dreamweaver的屬性對話框中也主要包含這些屬性。6JavaScript中的事件處理中的事件處理lJavaScript事件驅(qū)動中的事件是通過鼠標或熱鍵的動作引發(fā)的。它主要有以下幾個事件：l（）單擊事件onClickl當用戶單擊鼠標按鈕時，產(chǎn)生onClick事件。同時onClick指定的事件處理程序或代碼將被調(diào)用執(zhí)行。通常在下列基本對象中產(chǎn)生：lbutton（按鈕對象）lcheckbox（復選框）或（檢查列表框）lradio （單選鈕）lreset buttons（重要按鈕）lsubmit buttons（提交按鈕）l一切文本和圖片l例子：通過按鈕圖標激活