第8章網(wǎng)站建設(shè)

1、整理ppt第第8章章 網(wǎng)站建設(shè)網(wǎng)站建設(shè) 本章學習目標本章學習目標 本章主要講解本章主要講解Internet常用軟件的使用方法。常用軟件的使用方法。通過本章的學習，讀者應掌握以下內(nèi)容：通過本章的學習，讀者應掌握以下內(nèi)容： 建立網(wǎng)站的具體步驟建立網(wǎng)站的具體步驟 HTML與與CSS的基本知識的基本知識 瀏覽器端編程方法瀏覽器端編程方法 整理ppt本章目錄本章目錄8.1 網(wǎng)站的建立網(wǎng)站的建立 8.2 網(wǎng)頁的制作語言網(wǎng)頁的制作語言 8.3 級聯(lián)樣式表級聯(lián)樣式表CSS 8.4 網(wǎng)頁腳本語言網(wǎng)頁腳本語言JavaScript 整理ppt8.1 網(wǎng)站的建立網(wǎng)站的建立 建立網(wǎng)站的主要步驟如下：建立網(wǎng)站的主要步驟如

2、下：（1 1）首先在）首先在InternetInternet網(wǎng)上申請一個免費的主網(wǎng)上申請一個免費的主頁空間和域名。頁空間和域名。（2 2）在自己的計算機上設(shè)計、制作網(wǎng)頁。）在自己的計算機上設(shè)計、制作網(wǎng)頁。（3 3）當網(wǎng)頁制作完成后，即可通過）當網(wǎng)頁制作完成后，即可通過FTPFTP客戶端客戶端軟件，將文件上傳到軟件，將文件上傳到InternetInternet上。上。（4 4）最后，將網(wǎng)站登記到搜索引擎上，為自）最后，將網(wǎng)站登記到搜索引擎上，為自己所做的網(wǎng)站進行宣傳。己所做的網(wǎng)站進行宣傳。返回本章目錄8.1.1 網(wǎng)頁及網(wǎng)站設(shè)計概述網(wǎng)頁及網(wǎng)站設(shè)計概述 1網(wǎng)頁網(wǎng)頁 從專業(yè)角度看，網(wǎng)頁是一種用從專業(yè)角

3、度看，網(wǎng)頁是一種用HTML撰寫的文檔。撰寫的文檔。HTML的全文是的全文是“HyperText Markup Language”，中文意思為，中文意思為“超超文本標記語言文本標記語言”?！俺谋境谋尽币庵疙撁鎯?nèi)除文本外，還可包意指頁面內(nèi)除文本外，還可包含圖片、鏈接、甚至音頻、視頻等非文字元素。含圖片、鏈接、甚至音頻、視頻等非文字元素。 Internet用戶訪問網(wǎng)站時所看到的第一個網(wǎng)頁，稱作主頁用戶訪問網(wǎng)站時所看到的第一個網(wǎng)頁，稱作主頁（Homepage或或Home Page）。）。 龐大的龐大的WWW資源庫中的所有信息，都是通過這種簡單的、資源庫中的所有信息，都是通過這種簡單的、易于理解的超

4、鏈接方式組織起來的。易于理解的超鏈接方式組織起來的。 在在Internet上進行網(wǎng)頁瀏覽的過程如圖上進行網(wǎng)頁瀏覽的過程如圖8-1示意了瀏覽器與示意了瀏覽器與Web服務器之間的關(guān)系。服務器之間的關(guān)系。 返回本章目錄圖8-1 Web資源訪問過程 Web 服務器瀏覽器請求響應2網(wǎng)站規(guī)劃設(shè)計網(wǎng)站規(guī)劃設(shè)計規(guī)劃網(wǎng)站時，一般應注意以下幾點：規(guī)劃網(wǎng)站時，一般應注意以下幾點：（1）HTML文件的顯示效果與其自身版本、瀏覽器對文件的顯示效果與其自身版本、瀏覽器對HTML的的處理方法有關(guān)。處理方法有關(guān)。（2）在確定網(wǎng)站的總體結(jié)構(gòu)時，應遵循）在確定網(wǎng)站的總體結(jié)構(gòu)時，應遵循“層次分明層次分明”的基本的基本原則。原則。（

5、3）對一般網(wǎng)站而言，在選取材料時，應以文本信息為主，）對一般網(wǎng)站而言，在選取材料時，應以文本信息為主，以多媒體材料為輔。以多媒體材料為輔。返回本章目錄（4）對主頁要進行精雕細刻。）對主頁要進行精雕細刻。（5）網(wǎng)站的內(nèi)容要經(jīng)常更新。）網(wǎng)站的內(nèi)容要經(jīng)常更新。（6）網(wǎng)頁中的文本內(nèi)容應簡明扼要。）網(wǎng)頁中的文本內(nèi)容應簡明扼要。3網(wǎng)頁的主要內(nèi)容網(wǎng)頁的主要內(nèi)容網(wǎng)頁中的重要內(nèi)容有：網(wǎng)頁中的重要內(nèi)容有：（1）背景。）背景。（2）文本。文本是一般網(wǎng)頁中最主要的內(nèi)容。與一般字處理）文本。文本是一般網(wǎng)頁中最主要的內(nèi)容。與一般字處理軟件類似，網(wǎng)頁編輯軟件也可以設(shè)置頁面中文本的各種屬性，軟件類似，網(wǎng)頁編輯軟件也可以設(shè)置頁

6、面中文本的各種屬性，此外，還可以設(shè)置段落格式，如行距、縮進、對齊方式等。當此外，還可以設(shè)置段落格式，如行距、縮進、對齊方式等。當然，還可以將文本設(shè)置為超鏈接。然，還可以將文本設(shè)置為超鏈接。（3）表格。表格是將大量數(shù)據(jù)以簡潔明快的方式展示給瀏覽）表格。表格是將大量數(shù)據(jù)以簡潔明快的方式展示給瀏覽者的有效方式。表格還是進行頁面布局的有力工具。者的有效方式。表格還是進行頁面布局的有力工具。返回本章目錄 （4）框架?？蚣苁沁M行頁面布局的另一工具。借助框架，）框架?？蚣苁沁M行頁面布局的另一工具。借助框架，可將頁面劃分為若干區(qū)域，其中每個區(qū)域都對應一個獨立的可將頁面劃分為若干區(qū)域，其中每個區(qū)域都對應一個獨立

7、的HTML文件。但框架是在文件。但框架是在HTML3.2及以上版本中的功能，需要及以上版本中的功能，需要IE4.0或或NC4.0，才能正確顯示。，才能正確顯示。 （5）圖像。圖像是網(wǎng)頁吸引訪問者的重要手段。大小適中、）圖像。圖像是網(wǎng)頁吸引訪問者的重要手段。大小適中、制作精美的圖像能夠在很大程度上增加訪問者的訪問興趣。最制作精美的圖像能夠在很大程度上增加訪問者的訪問興趣。最好用表格對圖像位置進行精確定位。好用表格對圖像位置進行精確定位。 （6）表單。表單用于從訪問者處獲取信息。表單中可包含）表單。表單用于從訪問者處獲取信息。表單中可包含按鈕、文本框等。按鈕、文本框等。4 4網(wǎng)頁的優(yōu)化網(wǎng)頁的優(yōu)化

8、優(yōu)化的內(nèi)容大致包括：減少數(shù)據(jù)量、改善視覺效果、提高優(yōu)化的內(nèi)容大致包括：減少數(shù)據(jù)量、改善視覺效果、提高網(wǎng)站對瀏覽器的兼容性等。網(wǎng)站對瀏覽器的兼容性等。返回本章目錄 下面是幾個常用的優(yōu)化原則。下面是幾個常用的優(yōu)化原則。 （1 1）正確選擇圖像格式。）正確選擇圖像格式。 （2 2）提供多個版本。）提供多個版本。 （3 3）優(yōu)化配色方案。）優(yōu)化配色方案。 （4 4）突出網(wǎng)站特點。）突出網(wǎng)站特點。 一般情況下，對于提供專門資源的網(wǎng)站而言，進行內(nèi)容取一般情況下，對于提供專門資源的網(wǎng)站而言，進行內(nèi)容取舍時應遵循舍時應遵循“精精”的原則，以求突出重點和特色。的原則，以求突出重點和特色。此外，在優(yōu)化網(wǎng)站時，還應

9、考慮如何為讀者提供增值服務。此外，在優(yōu)化網(wǎng)站時，還應考慮如何為讀者提供增值服務。 返回本章目錄8.1.2 免費網(wǎng)頁空間的申請免費網(wǎng)頁空間的申請 要建立網(wǎng)站首先必須在要建立網(wǎng)站首先必須在InternetInternet上獲得一塊存儲網(wǎng)站的空間，上獲得一塊存儲網(wǎng)站的空間，根據(jù)所制作網(wǎng)站用途的不同，目前有兩種方式可獲得存儲空間：根據(jù)所制作網(wǎng)站用途的不同，目前有兩種方式可獲得存儲空間：一種是租用虛擬主機，另一種是申請免費空間。一種是租用虛擬主機，另一種是申請免費空間。1 1選擇免費網(wǎng)頁空間的原則選擇免費網(wǎng)頁空間的原則 （1 1）測算自己的網(wǎng)站大致要多少存儲空間，然后到相應的站）測算自己的網(wǎng)站大致要多少

10、存儲空間，然后到相應的站點去申請。點去申請。 （2 2）所選擇的網(wǎng)站附帶的免費服務越多越好。）所選擇的網(wǎng)站附帶的免費服務越多越好。 （3 3）所申請的網(wǎng)站最好支持）所申請的網(wǎng)站最好支持ASPASP（動態(tài)服務端網(wǎng)頁）或（動態(tài)服務端網(wǎng)頁）或PHPPHP，并且還可以掛接數(shù)據(jù)庫。并且還可以掛接數(shù)據(jù)庫。 （4 4）訪問速度越快越好。）訪問速度越快越好。 （5 5）一定要選擇能用）一定要選擇能用FTPFTP方式上傳網(wǎng)頁文件的站點，以便對網(wǎng)方式上傳網(wǎng)頁文件的站點，以便對網(wǎng)站進行維護。站進行維護。返回本章目錄 （6）應選擇信譽度高的免費服務站點。）應選擇信譽度高的免費服務站點。2如何查找提供免費個人網(wǎng)頁的站點

11、如何查找提供免費個人網(wǎng)頁的站點 可以利用搜索引擎來查找提供免費個人網(wǎng)頁的站點。例如，可以利用搜索引擎來查找提供免費個人網(wǎng)頁的站點。例如，在瀏覽器的地址欄中輸入，啟動網(wǎng)易搜索引擎，然后依次選擇在瀏覽器的地址欄中輸入，啟動網(wǎng)易搜索引擎，然后依次選擇“電腦網(wǎng)絡電腦網(wǎng)絡”“免費資源免費資源”“免費建站資源免費建站資源”。3申請免費網(wǎng)頁空間申請免費網(wǎng)頁空間 應盡可能在國內(nèi)站點申請。應盡可能在國內(nèi)站點申請。 按要求填寫一些必要的資料，即可完成申請。按要求填寫一些必要的資料，即可完成申請。順便指出，目前有些空間提供商收取的費用十分低廉（如順便指出，目前有些空間提供商收取的費用十分低廉（如10元元/月），應盡

12、量為網(wǎng)站申請付費空間，以享受更為全面的服務。月），應盡量為網(wǎng)站申請付費空間，以享受更為全面的服務。 返回本章目錄8.1.3 上傳個人網(wǎng)頁 LeapFTP是一個功能豐富、性能穩(wěn)定、操作簡單的是一個功能豐富、性能穩(wěn)定、操作簡單的FTP客客戶端軟件，十分適合一般用戶使用。戶端軟件，十分適合一般用戶使用。利用利用LeapFTP上傳網(wǎng)頁的一般步驟如下：上傳網(wǎng)頁的一般步驟如下： （1）下載）下載LeapFTP安裝程序，將其安裝在本地計算機上。安裝程序，將其安裝在本地計算機上。 （2）啟動）啟動LeapFTP。 （3）在服務器網(wǎng)址欄輸入空間提供商提供的）在服務器網(wǎng)址欄輸入空間提供商提供的FTP地址、用戶地址

13、、用戶名（名（User）、口令（）、口令（Pass）和端口號（）和端口號（Port），然后單擊），然后單擊“連連接到服務器（接到服務器（Connect to server）”按鈕，建立連接。按鈕，建立連接。 （4）傳送文件）傳送文件 連接成功后，連接成功后，LeaoFTP窗口與圖窗口與圖8-4類似。完成對源文件類似。完成對源文件（或目錄）及目的位置的選擇后，將所選源文件（或目錄）直（或目錄）及目的位置的選擇后，將所選源文件（或目錄）直接拖動到目的位置釋放即可完成上傳任務。接拖動到目的位置釋放即可完成上傳任務。 返回本章目錄圖8-4 利用LeapFTP訪問遠程目錄 返回本章目錄 （5）完成上傳后

14、，單擊）完成上傳后，單擊“斷開連接（斷開連接（Disconnect from Server）”按鈕。斷開與服務器的連接，然后退出按鈕。斷開與服務器的連接，然后退出LeapFTP。在上傳網(wǎng)頁文件時應注意以下幾個方面的問題：在上傳網(wǎng)頁文件時應注意以下幾個方面的問題： l l 設(shè)計的網(wǎng)站中包含的所有文件都要全部上傳（包括圖片文設(shè)計的網(wǎng)站中包含的所有文件都要全部上傳（包括圖片文件等）。件等）。 l l 網(wǎng)頁文件在進行超級鏈接時一定要使用相對路徑。網(wǎng)頁文件在進行超級鏈接時一定要使用相對路徑。 l l 務必將個人網(wǎng)頁的主頁文件名設(shè)為空間提供商所指定的文務必將個人網(wǎng)頁的主頁文件名設(shè)為空間提供商所指定的文件名

15、，通常為件名，通常為index.htm或或default.htm。需要特別強調(diào)的是最。需要特別強調(diào)的是最好全部用英文名字。好全部用英文名字。 l l應保證網(wǎng)站各處的文件名（包括應保證網(wǎng)站各處的文件名（包括HTML文件中作為鏈接目標文件中作為鏈接目標的文件名）是嚴格一致的。的文件名）是嚴格一致的。 返回本章目錄8.1.4 網(wǎng)站的宣傳網(wǎng)站的宣傳 將網(wǎng)站登記到著名的搜索引擎上，是宣傳網(wǎng)站的常用方法。將網(wǎng)站登記到著名的搜索引擎上，是宣傳網(wǎng)站的常用方法。 下面以搜狐為例介紹如何將一個網(wǎng)站加入到搜索引擎上。下面以搜狐為例介紹如何將一個網(wǎng)站加入到搜索引擎上。 （1）在搜狐主頁的右上角單擊）在搜狐主頁的右上角

16、單擊“網(wǎng)站登陸網(wǎng)站登陸”鏈接，進入網(wǎng)頁鏈接，進入網(wǎng)頁登記頁面。登記頁面。 （2）在出現(xiàn)的頁面中根據(jù)具體情況進行選擇，逐級深入，最）在出現(xiàn)的頁面中根據(jù)具體情況進行選擇，逐級深入，最終進入資料填寫頁面。終進入資料填寫頁面。 （3）填寫網(wǎng)站名稱、網(wǎng)站地址，完成后單擊）填寫網(wǎng)站名稱、網(wǎng)站地址，完成后單擊“進行下一步進行下一步”按鈕。按鈕。 （4）按要求填寫其他信息。完成后單擊）按要求填寫其他信息。完成后單擊“進行下一步進行下一步”按鈕。按鈕。 （5）如果信息符合要求，則出現(xiàn)）如果信息符合要求，則出現(xiàn) “提交成功提交成功”頁面。頁面。 （6）如果信息被正確收入，可得到一封）如果信息被正確收入，可得到一封

17、E-mail。 返回本章目錄8.2 網(wǎng)頁的制作語言網(wǎng)頁的制作語言8.2.1 HTML語言的結(jié)構(gòu)及語法規(guī)范語言的結(jié)構(gòu)及語法規(guī)范 HTML語言的結(jié)構(gòu)語言的結(jié)構(gòu) HTML（超文本標記語言）是一種描述文檔結(jié)構(gòu)的語言，（超文本標記語言）是一種描述文檔結(jié)構(gòu)的語言，它利用標簽來描述文檔結(jié)構(gòu)、指定文檔內(nèi)容在瀏覽器中的顯示它利用標簽來描述文檔結(jié)構(gòu)、指定文檔內(nèi)容在瀏覽器中的顯示格式、位置等。格式、位置等。 一個一個HTML文件包含兩部分信息，其一是文本內(nèi)容，其二即文件包含兩部分信息，其一是文本內(nèi)容，其二即為標簽。標簽有分單獨出現(xiàn)的標簽和成對出現(xiàn)的標簽兩種。為標簽。標簽有分單獨出現(xiàn)的標簽和成對出現(xiàn)的標

18、簽兩種。整個整個HTML文檔由文檔頭和文檔主體兩部分構(gòu)成，這兩部分文檔由文檔頭和文檔主體兩部分構(gòu)成，這兩部分內(nèi)容分別用內(nèi)容分別用標簽和標簽和標簽界定。文檔頭中包含標簽界定。文檔頭中包含文檔標題等屬性；文檔主體則規(guī)定了將在瀏覽器窗口中顯示的文檔標題等屬性；文檔主體則規(guī)定了將在瀏覽器窗口中顯示的內(nèi)容及其顯示格式。內(nèi)容及其顯示格式。 返回本章目錄華北航天工業(yè)學院華北航天工業(yè)學院這是一個這是一個HTML的測試文件的測試文件 返回本章目錄 HTML HTML語言的語法規(guī)范語言的語法規(guī)范在使用在使用HTML時，應注意以下幾點：時，應注意以下幾點：l l HTML文檔的標簽是可以嵌套的。文檔的

19、標簽是可以嵌套的。l l 有些標簽（例如有些標簽（例如）沒有任何屬性，而有些標簽（例）沒有任何屬性，而有些標簽（例如如）則可包含一個或多個屬性。）則可包含一個或多個屬性。l l 在在HTML中有三個字符具有特殊的意義，即中有三個字符具有特殊的意義，即“”和和“&”。l l 元素名稱對大小寫不敏感。元素名稱對大小寫不敏感。l l 一個標簽可以有多個屬性，屬性及其屬性值對大小寫不敏一個標簽可以有多個屬性，屬性及其屬性值對大小寫不敏感，不同屬性間用空格分隔。感，不同屬性間用空格分隔。l l HTML文件中，有些標簽只能出現(xiàn)在文檔頭部中，而絕大多文件中，有些標簽只能出現(xiàn)在文檔頭部中，而絕大多數(shù)標簽只能

20、出現(xiàn)在文檔主體中。數(shù)標簽只能出現(xiàn)在文檔主體中。返回本章目錄8.2.2 網(wǎng)頁中文本的基本格式網(wǎng)頁中文本的基本格式 下面介紹一些常用的有關(guān)下面介紹一些常用的有關(guān)WebWeb頁文本格式的標簽。頁文本格式的標簽。1 1標簽標簽 標簽用來給網(wǎng)頁命名，網(wǎng)頁的名稱將被顯標簽用來給網(wǎng)頁命名，網(wǎng)頁的名稱將被顯示在瀏覽器的標題欄中。示在瀏覽器的標題欄中。2標簽標簽 標簽是成對出現(xiàn)的。位于標簽是成對出現(xiàn)的。位于和和之間之間的內(nèi)容是的內(nèi)容是HTML文檔中的標題。標題文字都以粗體顯文檔中的標題。標題文字都以粗體顯示，上級標題總比下級標題更大些，具體大小與瀏覽示，上級標題總比下級標題更大些，具體大小與瀏覽器有關(guān)。器有關(guān)。

21、返回本章目錄3預格式化文本標簽預格式化文本標簽 為預格式化標簽。它是成對出現(xiàn)的。對位為預格式化標簽。它是成對出現(xiàn)的。對位于于和和之間的內(nèi)容，瀏覽器將嚴格按照之間的內(nèi)容，瀏覽器將嚴格按照編輯編輯HTML文檔時的字符及位置進行顯示。文檔時的字符及位置進行顯示。 圖8-11 有標簽 圖8-12 無標簽 返回本章目錄4和和標簽標簽 “BR”即即Break，是換行標簽，它是單獨出現(xiàn)的。，是換行標簽，它是單獨出現(xiàn)的。的作用相當于回車符。的作用相當于回車符。 “P”即即Paragraph（段落）。（段落）。標簽用于劃分段標簽用于劃分段落，作用是插入一個空行。它可以單獨使用，也可以落，作用是插入一個空行。它可

22、以單獨使用，也可以成對使用。成對使用。5標簽標簽 標簽是單獨出現(xiàn)的標簽。其作用是換行并標簽是單獨出現(xiàn)的標簽。其作用是換行并畫出一條水平線。該標簽的屬性有：畫出一條水平線。該標簽的屬性有：size屬性、屬性、width屬性、屬性、align屬性、屬性、color屬性屬性 返回本章目錄6字符格式標簽字符格式標簽 HTML文檔的字符格式標簽主要有文檔的字符格式標簽主要有、和、和四種。它們都是成對出現(xiàn)的。四種。它們都是成對出現(xiàn)的。7標簽標簽 是字體標簽，它是成對出現(xiàn)的，用于指是字體標簽，它是成對出現(xiàn)的，用于指定文本的字體大小、顏色等。該標簽可包含若干屬性，定文本的字體大小、顏色等。該標簽可包含若干屬性

23、，其中其中COLOR屬性指定文字顏色，顏色可以用屬性指定文字顏色，顏色可以用6位十六位十六進制數(shù)表示，如進制數(shù)表示，如；SIZE屬性指定相對尺寸。屬性指定相對尺寸。 返回本章目錄 另外，如果用戶想要設(shè)置網(wǎng)頁的背景色和文字顏另外，如果用戶想要設(shè)置網(wǎng)頁的背景色和文字顏色，可以將色，可以將標簽擴充為標簽擴充為 其中其中“x”為為6位十六進制數(shù)，代表顏色位十六進制數(shù)，代表顏色RGB（red-green-blue，紅，紅-綠綠-藍）值，其格式為藍）值，其格式為rrggbb。 8.2.3 文檔的超鏈接 使用超鏈接技術(shù)可以使順序存放的文件在一定程使用超鏈接技術(shù)可以使順序存放的文件在一定程度上可被隨機訪問。度

24、上可被隨機訪問。 就本質(zhì)而言，超鏈接是在并無物理聯(lián)系的兩段文就本質(zhì)而言，超鏈接是在并無物理聯(lián)系的兩段文字或兩個文件建立的邏輯聯(lián)系。字或兩個文件建立的邏輯聯(lián)系。 返回本章目錄8.2.3 文檔的超鏈接 使用超鏈接技術(shù)可以使順序存放的文件在一定程使用超鏈接技術(shù)可以使順序存放的文件在一定程度上可被隨機訪問。度上可被隨機訪問。 就本質(zhì)而言，超鏈接是在并無物理聯(lián)系的兩段文就本質(zhì)而言，超鏈接是在并無物理聯(lián)系的兩段文字或兩個文件建立的邏輯聯(lián)系。字或兩個文件建立的邏輯聯(lián)系。 統(tǒng)一資源定位器統(tǒng)一資源定位器URL URL（Uniform Resource Locator）即統(tǒng)一資）即統(tǒng)一資源定位器，它

25、是文件名的擴展，指出了文件在源定位器，它是文件名的擴展，指出了文件在Internet中的位置。中的位置。 URL由協(xié)議名、服務器地址、文件在服務器中的由協(xié)議名、服務器地址、文件在服務器中的路徑（即目錄）和文件名四部分構(gòu)成。路徑（即目錄）和文件名四部分構(gòu)成。URL的格式為的格式為 返回本章目錄protocol:/machinename:port/directory/其中其中 l l protocol是訪問資源所采用的協(xié)議，即訪問該資是訪問資源所采用的協(xié)議，即訪問該資源的方法，它可以是：源的方法，它可以是：HTTP、FTP等。等。 l l 是存放資源主機的是存放資源主機的I

26、P地址，通常地址，通常以字符形式出現(xiàn)，如以字符形式出現(xiàn)，如。 l l port是訪問資源所使用的端口號。是訪問資源所使用的端口號。 l l directory和是資源的路徑和文件名。和是資源的路徑和文件名。 與單機系統(tǒng)絕對路徑、相對路徑的概念類似，與單機系統(tǒng)絕對路徑、相對路徑的概念類似，URL也有絕對與相對之分。絕對也有絕對與相對之分。絕對URL、相對、相對URL是相是相對于當前訪問的對于當前訪問的URL而言的。而言的。 返回本章目錄 瀏覽器在識別瀏覽器在識別URL時，遵循下列規(guī)則：時，遵循下列規(guī)則： l l 當協(xié)議（當協(xié)議（http:/）被省略時，則認為與當前頁面）被省略時，則認為與當前頁面

27、的協(xié)議相同。的協(xié)議相同。 l l 當服務器名稱被省略時，則認為是當前服務器。當服務器名稱被省略時，則認為是當前服務器。 l l 當文件路徑被省略時，則認為是當前目錄。當文件路徑被省略時，則認為是當前目錄。 l l 當文件名被省略時，則認為是目錄中的默認文件。當文件名被省略時，則認為是目錄中的默認文件。 超鏈接超鏈接1鏈接到其他站點（文檔）鏈接到其他站點（文檔） 在在HTML文檔中，當需要鏈接其他文檔時，應使用文檔中，當需要鏈接其他文檔時，應使用標簽。其基本格式為標簽。其基本格式為 返回本章目錄zzz 實際上這個實際上這個“zzz”在在HTML文件中充當?shù)氖侵羔樀奈募谐洚數(shù)氖侵羔?/p>

28、的角色，通常被稱為錨標，是鏈接的源點。角色，通常被稱為錨標，是鏈接的源點。 在制作在制作HTML文檔時，需要知道目標的文檔時，需要知道目標的URL。對。對于于Internet上的資源而言，在用瀏覽器查看時，將鼠上的資源而言，在用瀏覽器查看時，將鼠標移至資源錨標處，其標移至資源錨標處，其URL一般會在瀏覽器的狀態(tài)欄一般會在瀏覽器的狀態(tài)欄中顯示出來。中顯示出來。 此外，制作此外，制作HTML文檔時，對能夠確定關(guān)系的一文檔時，對能夠確定關(guān)系的一組資源（比如在同一個目錄中）應采用相對組資源（比如在同一個目錄中）應采用相對URL，這，這不僅簡單，而且便于維護。但是，引用外部資源時，不僅簡單，而且便于維護

29、。但是，引用外部資源時，只能使用絕對只能使用絕對URL。 返回本章目錄2鏈接到本頁的另一位置或其他頁面中的特定位置。鏈接到本頁的另一位置或其他頁面中的特定位置。 上面提到的超鏈接用于鏈接其他頁面，這種鏈接方上面提到的超鏈接用于鏈接其他頁面，這種鏈接方式稱做遠程鏈接。式稱做遠程鏈接。 事實上，超鏈接可以指向本頁面中的任何位置，這事實上，超鏈接可以指向本頁面中的任何位置，這種鏈接方式叫做本地鏈接。種鏈接方式叫做本地鏈接。 在某一位置做在某一位置做“記號記號”需要使用下列格式的需要使用下列格式的標簽：標簽： name屬性將放置該標記的地方標記為屬性將放置該標記的地方標記為“KKK”，KKK是一個全文

30、唯一的標記串。這樣，就在放置標記是一個全文唯一的標記串。這樣，就在放置標記的地方做了一個叫做的地方做了一個叫做“KKK”的的“記號記號”。做好。做好“記記號號”后，可以用下列方法來建立指向它的超鏈接：后，可以用下列方法來建立指向它的超鏈接：轉(zhuǎn)向下一處轉(zhuǎn)向下一處 返回本章目錄 源文檔在源文檔在IE5中的顯示效果如圖中的顯示效果如圖8-14所示。當用戶所示。當用戶單擊錨標單擊錨標“電子郵件電子郵件”后，瀏覽器將載入目標文件并后，瀏覽器將載入目標文件并自標記位置開始顯示，如圖自標記位置開始顯示，如圖8-15所示。所示。 返回本章目錄 圖8-14 源文檔的顯示效果 圖8-15 目標文檔的顯示效果 8.

31、2.4 在網(wǎng)頁中使用圖像在網(wǎng)頁中使用圖像1在網(wǎng)頁中顯示圖像在網(wǎng)頁中顯示圖像 在瀏覽器上顯示的圖像必須滿足特定的格式，目前在瀏覽器上顯示的圖像必須滿足特定的格式，目前使用的瀏覽器通常支持使用的瀏覽器通常支持GIF和和JPEG格式的圖像。格式的圖像。 在網(wǎng)頁中加入圖像所用的標簽是在網(wǎng)頁中加入圖像所用的標簽是，該標簽的，該標簽的主要屬性有：主要屬性有：src屬性、屬性、height屬性、屬性、width屬性、屬性、border屬性、屬性、alt屬性屬性 下面通過一個示例來說明下面通過一個示例來說明標記的使用方法。標記的使用方法。圖像的文件名為圖像的文件名為“cake.jpg”，它是當前目錄下的子，它

32、是當前目錄下的子目錄中的文件。其目錄中的文件。其HTML源文件如下：源文件如下： 返回本章目錄 測試網(wǎng)頁測試網(wǎng)頁生日快樂生日快樂 返回本章目錄 順便指出，如果在同一文件中需要反復使用一個相順便指出，如果在同一文件中需要反復使用一個相同的圖像文件時，最好在同的圖像文件時，最好在標記中使用相對標記中使用相對URL，而不使用絕對而不使用絕對URL。 圖8-16 標簽功能示意圖 返回本章目錄 2將圖像設(shè)置為錨標將圖像設(shè)置為錨標 如果在超鏈接標簽如果在超鏈接標簽和和的中間放置一個的中間放置一個標簽，則可生成一個圖像錨標。例如：標簽，則可生成一個圖像錨標。例如： 8.2.5 框架頁面框架頁面 框架能夠?qū)g

33、覽器窗口劃分成數(shù)個相對獨立的子窗框架能夠?qū)g覽器窗口劃分成數(shù)個相對獨立的子窗口，每個子窗口可以顯示不同的頁面。用框架劃分屏口，每個子窗口可以顯示不同的頁面。用框架劃分屏幕空間可以優(yōu)化頁面的視覺效果，并可有效地提高屏幕空間可以優(yōu)化頁面的視覺效果，并可有效地提高屏幕利用率。幕利用率。 返回本章目錄 與框架有關(guān)的與框架有關(guān)的HTML語法為語法為 其中其中可以在用可以在用戶瀏覽器不支持框架結(jié)構(gòu)時顯示一些信息，以免用戶戶瀏覽器不支持框架結(jié)構(gòu)時顯示一些信息，以免用戶對空白窗口不知所措。該標簽是成對出現(xiàn)的，位于對空白窗口不知所措。該標簽是成對出現(xiàn)的，位于和和之間的內(nèi)容就是網(wǎng)之間的內(nèi)容就是網(wǎng)頁編輯者希望告訴用

34、戶的信息，例如頁編輯者希望告訴用戶的信息，例如“您的瀏覽器不您的瀏覽器不支持框架顯示支持框架顯示”等。等。 返回本章目錄 子窗口由子窗口由指定，并且可以嵌套。將在指定，并且可以嵌套。將在子窗口中顯示子窗口中顯示HTML文檔的文檔的URL由由標簽的標簽的src屬性決定。屬性決定。8.2.6 表單表單 標簽標簽 表單標簽表單標簽是成對出現(xiàn)的，位于是成對出現(xiàn)的，位于和和之間的內(nèi)容就是一個表單。之間的內(nèi)容就是一個表單。標簽標簽有有action和和method兩個屬性。兩個屬性。1action屬性屬性 該屬性用于規(guī)定服務器方用于接收表單信息的程序該屬性用于規(guī)定服務器方用于接收表單信息的程序

35、文件名（包括路徑）。文件名（包括路徑）。返回本章目錄 例如：表單例如：表單 被提交后，被提交后，Web服務器上的服務器上的“l(fā)ogin.asp”就將開始就將開始運行，以接收用戶輸入的信息。運行，以接收用戶輸入的信息。2method屬性屬性 該屬性用于規(guī)定表單信息的傳送方式，屬性值可為該屬性用于規(guī)定表單信息的傳送方式，屬性值可為post或或get，默認值為，默認值為get。 在在與與之間，可以使用除之間，可以使用除以外的任何以外的任何HTML標簽，這一特點使得表單可以具有標簽，這一特點使得表單可以具有非常豐富的格式。非常豐富的格式。 返回本章目錄 在在FORM的開始與結(jié)束標記之間，除了可以使用以

36、的開始與結(jié)束標記之間，除了可以使用以前介紹的那些標簽外，還有三個特殊標簽，即前介紹的那些標簽外，還有三個特殊標簽，即INPUT（用于在瀏覽器窗口中定義一個可以供用戶輸入的單（用于在瀏覽器窗口中定義一個可以供用戶輸入的單行文本框、單選鈕或復選框等等）、行文本框、單選鈕或復選框等等）、SELECT（用于（用于在瀏覽器窗口中定義一個列表框）和在瀏覽器窗口中定義一個列表框）和TEXTAREA（用（用于在瀏覽器窗口中定義多行文本框）。于在瀏覽器窗口中定義多行文本框）。 標簽標簽 是表單中最常用的標簽。它是一個單獨使是表單中最常用的標簽。它是一個單獨使用的標簽，必須嵌套于表單

37、中，用于定義一個輸入域。用的標簽，必須嵌套于表單中，用于定義一個輸入域。通常在網(wǎng)頁上所見到的文本框、按鈕等都是由這個標通常在網(wǎng)頁上所見到的文本框、按鈕等都是由這個標記定義的。記定義的。 返回本章目錄 下面是下面是INPUTINPUT標簽的標準格式：標簽的標準格式：INPUT type= 其中其中typetype屬性用于指定該輸入域的輸入方式（如文本屬性用于指定該輸入域的輸入方式（如文本框、單選鈕或復選框等）?？?、單選鈕或復選框等）。1 1文字和密碼輸入文字和密碼輸入 返回本章目錄 圖8-18 文字和密碼示例 屬性屬性name=name=“姓名姓名”，定義了文本框在這個表單中的名，定義了文本框在

38、這個表單中的名字叫字叫“姓名姓名”。當用戶在這個文本框中輸入信息并送。當用戶在這個文本框中輸入信息并送到到WebWeb服務器后就激活了相應的程序。服務器后就激活了相應的程序。屬性屬性value=value=“HTTP:/HTTP:/”，表示該文本框的默認值為，表示該文本框的默認值為“HTTPHTTP：/”。對密碼輸入框而言，用戶輸入的任何字符，都將被顯對密碼輸入框而言，用戶輸入的任何字符，都將被顯示為示為“* *”。此外，有時還需要限制用戶輸入字符串的長度，此時此外，有時還需要限制用戶輸入字符串的長度，此時應設(shè)定應設(shè)定maxlengthmaxlength（最大長度）屬性。例如，一般漢（最大長度

39、）屬性。例如，一般漢族人的姓名至多為四個漢字即族人的姓名至多為四個漢字即8 8個半角字符，如個半角字符，如姓名：姓名：input type=text name= maxlength=8 返回本章目錄 圖8-19 單選鈕和復選框用法示例“重選重選”按鈕可執(zhí)行按鈕可執(zhí)行“重置重置”操作，即當用戶單擊此按鈕后，操作，即當用戶單擊此按鈕后，表單中所有輸入域中的信息將被重新設(shè)置為默認值，以便用戶表單中所有輸入域中的信息將被重新設(shè)置為默認值，以便用戶重新輸入信息。重新輸入信息。重置按鈕的格式為重置按鈕的格式為 返回本章目錄 標簽和標簽和標簽標簽 標簽必須嵌套于標簽必須嵌套于標簽中使用，用于定

40、義列表標簽中使用，用于定義列表框?？?。標簽必須成對使用。而標簽必須成對使用。而標簽必須嵌套標簽必須嵌套標簽中使用，用于定義將出現(xiàn)在列表框中的內(nèi)容。標簽中使用，用于定義將出現(xiàn)在列表框中的內(nèi)容。 在在標簽中，如果包含標簽中，如果包含multiplemultiple，則意味著列表框支，則意味著列表框支持同時選擇多項的操作。而在默認情況下，只允許選擇單項持同時選擇多項的操作。而在默認情況下，只允許選擇單項 在在標簽中，如果包含標簽中，如果包含selectedselected，則意味著該選項在，則意味著該選項在初始狀態(tài)下是被選擇的。初始狀態(tài)下是被選擇的。 返回本章目錄圖8-20 列表框用法示例 8.2.

41、7 表格表格 表格是表格是HTMLHTML文檔中的重要元素，它除具有一般表格的功能外，文檔中的重要元素，它除具有一般表格的功能外，還經(jīng)常被用于編排版面。還經(jīng)常被用于編排版面。 圖圖8-218-21示意了一個簡單的表格。該表格由三部分組成：標題示意了一個簡單的表格。該表格由三部分組成：標題（CaptionCaption）、表頭和表數(shù)據(jù)。其中，標題用于概述表格內(nèi)容、）、表頭和表數(shù)據(jù)。其中，標題用于概述表格內(nèi)容、功能等，可視需要取舍；表頭用于定義列標題，也可視需要取功能等，可視需要取舍；表頭用于定義列標題，也可視需要取舍；表數(shù)據(jù)是表格的主要內(nèi)容，一般是必須的。舍；表數(shù)據(jù)是表格的主要內(nèi)容，一般是必須的

42、。 在在HTMLHTML中，組成表格的小方格稱為單元格（中，組成表格的小方格稱為單元格（CellCell）；用于分）；用于分割空間以構(gòu)成表格的直線稱為框線（割空間以構(gòu)成表格的直線稱為框線（BorderBorder）。）。 返回本章目錄返回本章目錄圖8-21 表格示例 HTML表格的語法結(jié)構(gòu)表格的語法結(jié)構(gòu)與表格有關(guān)的許多標簽都需要嵌套使用。一個單元格是通過與表格有關(guān)的許多標簽都需要嵌套使用。一個單元格是通過標簽、標簽、標簽和標簽和（或（或）標簽嵌套定義）標簽嵌套定義的，其描述定位順序是表、行和列。的，其描述定位順序是表、行和列。學生基本情況表學生基本情況表姓名姓名性別性別出生日期出

43、生日期 返回本章目錄返回本章目錄 與表格有關(guān)的標簽與表格有關(guān)的標簽1標簽標簽 標簽是表格的標識符，用于界定表格的范圍。標簽是表格的標識符，用于界定表格的范圍。標簽可以嵌套在標簽可以嵌套在標簽中，以構(gòu)造表中表。標簽中，以構(gòu)造表中表。標簽的主要屬性有：標簽的主要屬性有：border屬性、屬性、cellspacing屬性、屬性、cellpadding屬性和屬性和width屬性。屬性。2標簽標簽 標簽應成對出現(xiàn)。位于標簽應成對出現(xiàn)。位于和和標簽之間的內(nèi)容為表格標題。標簽之間的內(nèi)容為表格標題。標簽有兩個可選屬性：標簽有兩個可選屬性：align和和valign。其中，。其中，align的值可

44、為的值可為left、right或或center，；，；valign的值可為的值可為top或或bottom。3標簽標簽標簽是成對出現(xiàn)的標簽，用于界定表格中的行。標簽是成對出現(xiàn)的標簽，用于界定表格中的行。標簽有兩個可選的屬性：標簽有兩個可選的屬性：align和和valign。 返回本章目錄4標簽和標簽和標簽標簽 標簽和標簽和標簽都是用來定義單元格的，都是成對標簽都是用來定義單元格的，都是成對出現(xiàn)的標簽且應嵌套在出現(xiàn)的標簽且應嵌套在標簽內(nèi)使用。這兩個標簽內(nèi)幾乎標簽內(nèi)使用。這兩個標簽內(nèi)幾乎可以包含所有的可以包含所有的HTML標簽（包括標簽（包括標簽）。標簽）。在默認情況下，在默認情況下，所界定的單元格

45、中內(nèi)容將被加粗顯示。所界定的單元格中內(nèi)容將被加粗顯示。除此之外，除此之外，標簽與標簽與標簽的的屬性、功能是完全相標簽的的屬性、功能是完全相同的。同的。 （或（或）標簽還有兩個屬性，一個是）標簽還有兩個屬性，一個是width屬性；屬性；另一個是另一個是height屬性。屬性。 此外，還可以用此外，還可以用（或（或）的）的rowspan屬性、屬性、colspan屬性來定義復雜表格。屬性來定義復雜表格。 返回本章目錄4標簽和標簽和標簽標簽 標簽和標簽和標簽都是用來定義單元格的，都是成對標簽都是用來定義單元格的，都是成對出現(xiàn)的標簽且應嵌套在出現(xiàn)的標簽且應嵌套在標簽內(nèi)使用。這兩個標簽內(nèi)幾乎標簽內(nèi)使用。這

46、兩個標簽內(nèi)幾乎可以包含所有的可以包含所有的HTML標簽（包括標簽（包括標簽）。標簽）。在默認情況下，在默認情況下，所界定的單元格中內(nèi)容將被加粗顯示。所界定的單元格中內(nèi)容將被加粗顯示。除此之外，除此之外，標簽與標簽與標簽的的屬性、功能是完全相標簽的的屬性、功能是完全相同的。同的。 （或（或）標簽還有兩個屬性，一個是）標簽還有兩個屬性，一個是width屬性；屬性；另一個是另一個是height屬性。屬性。 此外，還可以用此外，還可以用（或（或）的）的rowspan屬性、屬性、colspan屬性來定義復雜表格。屬性來定義復雜表格。 返回本章目錄 8.3 級聯(lián)樣式表級聯(lián)樣式表CSS 級聯(lián)樣式表（級聯(lián)樣式

47、表（Casding Style Sheet）簡稱）簡稱CSS，是以，是以HTML為基礎(chǔ)的語言，用于定義網(wǎng)頁中內(nèi)容的格式。其主要特點是，為基礎(chǔ)的語言，用于定義網(wǎng)頁中內(nèi)容的格式。其主要特點是，可以獨立地為網(wǎng)頁中的各種對象定義格式，并可將一種格式可以獨立地為網(wǎng)頁中的各種對象定義格式，并可將一種格式用于多個網(wǎng)頁。用于多個網(wǎng)頁。 IE3.0和和NC4.0及以后的版本都支持及以后的版本都支持CSS。 CSS克服了克服了HTML文檔內(nèi)容與格式說明相混合的缺陷，且提文檔內(nèi)容與格式說明相混合的缺陷，且提供了遠比供了遠比HTML豐富的格式。此外在使用方法上，也比豐富的格式。此外在使用方法上，也比HTML靈活了許多

48、。靈活了許多。 定義定義CSS樣式時，不必考慮瀏覽器的兼容性。不支持樣式時，不必考慮瀏覽器的兼容性。不支持CSS的的瀏覽器能夠自動忽略瀏覽器能夠自動忽略CSS樣式。樣式。 返回本章目錄8.3.1 樣式定義的語法規(guī)則樣式定義的語法規(guī)則1選擇符的定義方法選擇符的定義方法 下面是一個下面是一個HTML文檔的頭部，其中通過文檔的頭部，其中通過CSS，對，對HTML標標簽簽和和的格式進行了修改。的格式進行了修改。CSS示例示例H1color:redH2color:green 位于位于和和之間的部分就是樣式定義。其中：之間的部分就是樣式定義。其中：H1和和H2稱為選擇符，稱為選擇符，color稱為屬性，稱

49、為屬性，red、green則稱為屬性則稱為屬性值。值。 樣式定義的一般格式如下：樣式定義的一般格式如下： 選擇符選擇符 屬性：值；屬性：值；屬性：值；屬性：值； 返回本章目錄2選擇符的分類選擇符的分類第一類選擇符為第一類選擇符為HTML標簽名，如標簽名，如P、BODY、A等。等。第二類選擇符為類?？梢允雇辉鼐哂胁煌母袷?。第二類選擇符為類。可以使同一元素具有不同的格式。與元素相關(guān)聯(lián)的，稱為相關(guān)類選擇符，反之稱為獨立類選擇與元素相關(guān)聯(lián)的，稱為相關(guān)類選擇符，反之稱為獨立類選擇符。符。第三類選擇符為第三類選擇符為ID。其功能與獨立類選擇符相同，定義方法。其功能與獨立類選擇符相同，定義方法也類似。

50、只是定義時，以也類似。只是定義時，以“#”而不是以而不是以“.”開始。開始。ID選擇符對選擇符對JavaScript提供了較強的支持，如果不需編寫瀏提供了較強的支持，如果不需編寫瀏覽器端腳本而只是用覽器端腳本而只是用CSS指定格式，則應選擇類選擇符。指定格式，則應選擇類選擇符。3選擇符的組合、繼承和關(guān)聯(lián)選擇符的組合、繼承和關(guān)聯(lián)在定義選擇符時，如果需要賦予某些操作符一些相同的屬性在定義選擇符時，如果需要賦予某些操作符一些相同的屬性值，則可以進行組合聲明。值，則可以進行組合聲明。在文檔中，選擇符是可以嵌套的。在嵌套結(jié)構(gòu)中，除另有定在文檔中，選擇符是可以嵌套的。在嵌套結(jié)構(gòu)中，除另有定義的情況外，位于

51、內(nèi)層的選擇符將自動繼承外層選擇符的格義的情況外，位于內(nèi)層的選擇符將自動繼承外層選擇符的格式。式。 返回本章目錄當兩個或多個選擇符嵌套使用時，可能需要使嵌套結(jié)構(gòu)中位當兩個或多個選擇符嵌套使用時，可能需要使嵌套結(jié)構(gòu)中位于內(nèi)層選擇符中的內(nèi)容具有某種特定的格式，這時可以對選于內(nèi)層選擇符中的內(nèi)容具有某種特定的格式，這時可以對選擇符進行關(guān)聯(lián)定義。擇符進行關(guān)聯(lián)定義。增加關(guān)聯(lián)格式說明前后的源文檔在瀏覽器中的顯示效果如圖增加關(guān)聯(lián)格式說明前后的源文檔在瀏覽器中的顯示效果如圖8-22及及8-23所示。所示。 圖8-22 未關(guān)聯(lián)選擇符的嵌套效果 圖8-23 關(guān)聯(lián)后選擇符的嵌套效果 返回本章目錄8.3.2 樣式表的定義

52、模式樣式表的定義模式在上面的舉例中，樣式定義是在在上面的舉例中，樣式定義是在標簽中進行的。事標簽中進行的。事實上，可以采用若干種模式進行樣式定義。實上，可以采用若干種模式進行樣式定義。1在在HTML文檔的頭部定義樣式文檔的頭部定義樣式這就是前面舉例中采用的模式，在此不贅述。這就是前面舉例中采用的模式，在此不贅述。2在在HTML標簽內(nèi)定義樣式標簽內(nèi)定義樣式可以在可以在HTML標簽內(nèi)加入臨時有效的樣式，采用這種方式所定標簽內(nèi)加入臨時有效的樣式，采用這種方式所定義的樣式不是永久有效的。義的樣式不是永久有效的。3 3在獨立的樣式表文件中定義樣式在獨立的樣式表文件中定義樣式可以將樣式定義存儲在獨立文件中

53、。建立樣式表文件后，就可以將樣式定義存儲在獨立文件中。建立樣式表文件后，就可以在多個可以在多個HTMLHTML文檔中進行調(diào)用。文檔中進行調(diào)用。這種方法的最大優(yōu)點是，可以十分便捷地對大量網(wǎng)頁的格式這種方法的最大優(yōu)點是，可以十分便捷地對大量網(wǎng)頁的格式進行修改，只要這些網(wǎng)頁調(diào)用了相同的樣式表文件。進行修改，只要這些網(wǎng)頁調(diào)用了相同的樣式表文件。 返回本章目錄一個簡單的樣式表文件內(nèi)容如下所示。一個簡單的樣式表文件內(nèi)容如下所示。Pfont-family:華文隸書華文隸書.d-centertext-align:center如果上面樣式表文件的文件名為如果上面樣式表文件的文件名為sample.css，且與下列

54、源文，且與下列源文檔共處同一目錄，則可以用鏈接方式或?qū)敕绞揭?。檔共處同一目錄，則可以用鏈接方式或?qū)敕绞揭谩?鏈接方式：鏈接方式： 導入方式：導入方式： 返回本章目錄8.4 網(wǎng)頁腳本語言網(wǎng)頁腳本語言JavaScript8.4.1 JavaScript的基礎(chǔ)知識的基礎(chǔ)知識1腳本語言概述腳本語言概述腳本是一種可以完成某些處理和計算功能的小程序段。與一腳本是一種可以完成某些處理和計算功能的小程序段。與一般的編程語言不同，這些程序在運行前不需要一次性編譯，般的編程語言不同，這些程序在運行前不需要一次性編譯，而是在運行過程中被逐行解釋、執(zhí)行。在腳本中所使用的命而是在運行過程中被逐行解釋、執(zhí)行。在腳

55、本中所使用的命令和語句稱為腳本語言。令和語句稱為腳本語言。腳本語言是對腳本語言是對HTML的一個重要補充。的一個重要補充。就語法規(guī)范和語句格式而言，腳本語言的語法與一般的編程就語法規(guī)范和語句格式而言，腳本語言的語法與一般的編程語言并沒有什么區(qū)別，只是為了保證安全，腳本語言不提供語言并沒有什么區(qū)別，只是為了保證安全，腳本語言不提供可能給瀏覽器方帶來重大損失的編程資源?？赡芙o瀏覽器方帶來重大損失的編程資源。目前比較流行的腳本語言有網(wǎng)景公司（目前比較流行的腳本語言有網(wǎng)景公司（Netscape）的）的JavaScript和微軟公司（和微軟公司（Microsoft）的）的VBScript。 返回本章目錄

56、 JavaScript是基于瀏覽器、基于對象的編程語言，可用于開是基于瀏覽器、基于對象的編程語言，可用于開發(fā)瀏覽器端應用程序發(fā)瀏覽器端應用程序 VBScript是是Microsoft公司在公司在Visual Basic編程語言的基礎(chǔ)編程語言的基礎(chǔ)上設(shè)計的。上設(shè)計的。 NC僅支持僅支持JavaScript，而，而IE同時支持同時支持JavaScript和和VBScript。此外，在處理自定義對象時，。此外，在處理自定義對象時，JavaScript比比VBScript能提供更多的屬性和方法。能提供更多的屬性和方法。 2JavaScript的特點的特點JavaScript的主要特點如下：的主要特點如

57、下：JavaScript采用事件驅(qū)動機制。事件驅(qū)動的意思是，當事件采用事件驅(qū)動機制。事件驅(qū)動的意思是，當事件發(fā)生時，發(fā)生時，JavaScript將作出響應。將作出響應。JavaScript是安全的語言。它不能對用戶文件進行修改、刪是安全的語言。它不能對用戶文件進行修改、刪除等操作。除等操作。JavaScript是與平臺無關(guān)的語言。是與平臺無關(guān)的語言。JavaScript不依賴于具體不依賴于具體的平臺，它只依賴瀏覽器。的平臺，它只依賴瀏覽器。 返回本章目錄 3初識初識JavaScript 嵌入嵌入HTML文檔的文檔的JavaScript代碼實際上是作為代碼實際上是作為HTML文檔文檔的一部分存在

58、的。在用戶使用瀏覽器瀏覽包含的一部分存在的。在用戶使用瀏覽器瀏覽包含JavaScript代代碼的碼的Web頁面時，瀏覽器自動對該頁面時，瀏覽器自動對該HTML文檔進行解析，并執(zhí)文檔進行解析，并執(zhí)行其中的行其中的JavaScript代碼。代碼。返回本章目錄JavaScript測試測試JavaScript!-d o c u m e n t . w r i t e ( Hello,WebWorld!);-返回本章目錄上面源文檔在瀏覽器中的輸出結(jié)果如圖上面源文檔在瀏覽器中的輸出結(jié)果如圖8-27所示。所示。圖8-27 一個JavaScript的例子返回本章目錄 8.4.2 JavaScript語言語言8

59、.4.2.1 JavaScript的的數(shù)據(jù)類型數(shù)據(jù)類型JavaScript是一種弱類型的語言，不必事先聲明常量或變量是一種弱類型的語言，不必事先聲明常量或變量的數(shù)據(jù)類型。在使用或賦值時，的數(shù)據(jù)類型。在使用或賦值時， JavaScript會自動為常量或會自動為常量或變量選擇最適合的類型。變量選擇最適合的類型。JavaScript有有以下幾種基本數(shù)據(jù)類型：以下幾種基本數(shù)據(jù)類型：1數(shù)值數(shù)值型型包括整型數(shù)值和實型數(shù)值。包括整型數(shù)值和實型數(shù)值。2字符串型字符串型指用單引號或雙引號擴起來的零個或多個字符。指用單引號或雙引號擴起來的零個或多個字符。3 3布爾型布爾型其值僅可為其值僅可為“真真”或或“假假”，

60、分別用，分別用truetrue或或falsefalse表示。表示。4 4空值空值代表什么也沒有?？罩涤么硎裁匆矝]有?？罩涤胣ullnull表示。表示。 返回本章目錄 JavaScript的的變量變量1命名規(guī)則命名規(guī)則JavaScript規(guī)定，變量名可由字母、數(shù)字和下劃線組成，但規(guī)定，變量名可由字母、數(shù)字和下劃線組成，但首字符必須是字母或下劃線。變量名不能與首字符必須是字母或下劃線。變量名不能與JavaScript中的中的關(guān)鍵字發(fā)生沖突。關(guān)鍵字發(fā)生沖突。為增強程序的可讀性，變量名盡量使用能代表變量意義的字為增強程序的可讀性，變量名盡量使用能代表變量意義的字符。符。在多數(shù)情況下，