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