【正文】 ript腳本語言 ? JavaScript將瀏覽器本身，網(wǎng)頁以及網(wǎng)頁的HTML元素等都用相應(yīng)的對(duì)象來表示，這些對(duì)象及對(duì)象之間的層次關(guān)系統(tǒng)稱為 DOM（ Document Object Model，文檔對(duì)象模型 — 又稱為瀏覽器對(duì)象），瀏覽器對(duì)象是一個(gè)上下包含關(guān)系的層次結(jié)構(gòu)的對(duì)象模型，上層包含很多下層子對(duì)象，上下對(duì)象之間是一種從屬關(guān)系。 ? 在這種從屬關(guān)系結(jié)構(gòu)模型中， Window（窗口）對(duì)象是瀏覽器對(duì)象層次結(jié)構(gòu)中最高層，所有其他對(duì)象都可以視為 Window對(duì)象的屬性。瀏覽器對(duì)象模型如圖所示 。 瀏覽器對(duì)象 《 ASP程序設(shè)計(jì) 》 —— 第四章 JavaScript腳本語言 ? window（窗口）對(duì)象是瀏覽器對(duì)象層次結(jié)構(gòu)中最高層， window對(duì)象代表瀏覽器的整個(gè)窗口。每個(gè)窗口都是 window對(duì)象的實(shí)例，引用實(shí)例可以通過以下名稱表示： ? ⑴ window或 self：表示當(dāng)前窗口； ? ⑵ top：代表最頂層窗口； ? ⑶ parent：代表當(dāng)前窗口的父窗口； ? ⑷ openner：由 open打開的窗口。 ? ⑸各從屬對(duì)象可采用如下方式進(jìn)行訪問： ? Window對(duì)象 《 ASP程序設(shè)計(jì) 》 —— 第四章 JavaScript腳本語言 ? 1． window對(duì)象的方法 ? 如圖所示： ? 2． window對(duì)象的屬性 ? ⑴ name屬性：用于指定窗口的名稱，可以使用 a標(biāo)記的 target屬性指定窗口的名稱，也可以使用 open方法打開一個(gè)指定名稱的新窗口。 ? ⑵ defaultstatus屬性：用于設(shè)置或讀取瀏覽器窗口狀態(tài)欄中的默認(rèn)顯示信息。例如，可以在 window對(duì)象的 onload事件過程中編寫以下語句： ? body onload = = 39。歡迎您光臨本站點(diǎn)！ 39。 language = JavaScript ? ⑶ status屬性：用于設(shè)置或讀取瀏覽器窗口狀態(tài)欄中顯示的臨時(shí)信息。例如，可以在某張圖片的 onmouseover事件過程中編寫以下代碼： ? = 這是一張圖片。 ? ⑷ screenLeft屬性：傳回左邊界的坐標(biāo)。 ? ⑸ screenTop屬性：傳回上邊界的坐標(biāo) Window對(duì)象 《 ASP程序設(shè)計(jì) 》 —— 第四章 JavaScript腳本語言 document對(duì)象表示在瀏覽器窗口或其中一個(gè) 框架中顯示的 HTML文檔，通過該對(duì)象的屬性 和方法可以控制頁面的外觀和內(nèi)容。 1. document對(duì)象方法 2. document對(duì)象屬性 Document對(duì)象 《 ASP程序設(shè)計(jì) 》 —— 第四章 JavaScript腳本語言 ? history對(duì)象包含用戶已經(jīng)瀏覽過的 url集合，提供了瀏覽器的導(dǎo)航按鈕功能，可以通過文檔的歷史記錄來瀏覽文檔。 history對(duì)象擁有以下主要屬性和方法。 ? ⑴ length屬性：返回歷史記錄表中的 url數(shù)目。 ? ⑵ back方法：從歷史記錄表中返回上一頁。 ? ⑶ forward方法：從歷史記錄表中返回下一頁。 ? ⑷ go(num)方法：在歷史記錄表中跳轉(zhuǎn)到指定的頁， num小于 0為上一頁，反之下一頁。 History對(duì)象 《 ASP程序設(shè)計(jì) 》 —— 第四章 JavaScript腳本語言 navigator對(duì)象是存儲(chǔ)瀏覽器信息的對(duì)象，該 對(duì)象沒有提供方法，只提供了屬性，書寫注意 大小寫。常見屬性如圖所示 Navigator對(duì)象 《 ASP程序設(shè)計(jì) 》 —— 第四章 JavaScript腳本語言 ? location對(duì)象包含當(dāng)前 url的信息，常見屬性如圖所示。 ? location對(duì)象只有 2個(gè)方法，即 reload方法和replace(url)，前者用于重新加載當(dāng)前文檔，后者用于轉(zhuǎn)向到指定的 URL網(wǎng)址，功能上類似于 href屬性。 Location對(duì)象 《 ASP程序設(shè)計(jì) 》 —— 第四章 JavaScript腳本語言 ? link對(duì)象表示文檔中的超鏈接，通過該對(duì)象的一些屬性可以得到鏈接目標(biāo)。 link對(duì)象的基本屬性是 length，它返回文檔中鏈接的數(shù)目。每個(gè)鏈接都是 links數(shù)組中的一個(gè)元素，可以通過索引值來訪問。例如，第一個(gè)鏈接是 links(0)，第二個(gè)鏈接是 links(1)，最后一個(gè)鏈接是 links()。 ? link對(duì)象常見屬性如圖所示。 Link對(duì)象 《 ASP程序設(shè)計(jì) 》 —— 第四章 JavaScript腳本語言 ? 獲取屏幕的相關(guān)信息， screen對(duì)象常見屬性如表圖所示 Screen對(duì)象 《 ASP程序設(shè)計(jì) 》 —— 第四章 JavaScript腳本語言 External對(duì)象只有 1個(gè)方法，即 addfavorite， 用于將網(wǎng)址 :添加到收藏夾里 External對(duì)象 《 ASP程序設(shè)計(jì) 》 —— 第四章 JavaScript腳本語言 ? 窗體驗(yàn)證不僅發(fā)生在發(fā)送數(shù)據(jù)時(shí)，也可以發(fā)生輸入數(shù)據(jù)后發(fā)生，通常通過 3個(gè)事件進(jìn)行個(gè)別字段的驗(yàn)證，如下： ? ⑴ onblur：輸入數(shù)據(jù)后，移到其他字段時(shí)就會(huì)觸發(fā)事件； ? ⑵ onchange：修改字段內(nèi)容就會(huì)觸發(fā)此事件； ? ⑶ onsubmit：單擊 submit按鈕發(fā)送數(shù)據(jù)時(shí)，進(jìn)行最后一次字段驗(yàn)證。 窗體驗(yàn)證 《 ASP程序設(shè)計(jì) 》 —— 第四章 JavaScript腳本語言 ? 而取消事件觸發(fā)也有三種形式： ? ⑴將事件的屬性設(shè)置為 null，如下所示： ? =null。 ? ⑵ 使用自定義的事件處理函數(shù)，使得函數(shù)傳回 false，如下所示： ? return false。 ? ⑶ 在 IE瀏覽器還可以使用 event對(duì)象的屬性returnValue將屬性設(shè)置 false時(shí)就可以取消事件，如下所示： ? onclick==false。 窗體驗(yàn)證 《 ASP程序設(shè)計(jì) 》 —— 第四章 JavaScript腳本語言 ? JavaScript是客戶端編程常用的腳本語言 ，使用 JavaScript的目的是控制頁面內(nèi)容 ，增強(qiáng)網(wǎng)頁的動(dòng)態(tài)交互性 。 這種交互性主要體現(xiàn)在用戶與本地計(jì)算機(jī)之交互 ， 如客戶端數(shù)值計(jì)算 ， 驗(yàn)證輸入數(shù)據(jù)的合法性和構(gòu)建動(dòng)感的視覺效果 。 本章小結(jié)