DHTML為HTML提供了一個復雜的對象模型,該模型將所有的頁面元素都作為對象來處理。每個對象都有屬性和方法,通過修改屬性和方法可以很方便地操縱這些對象。另外,DHTML為所有的頁面元素提供鍵盤和鼠標的活動事件,通過這些事件配合相應的動態內容操作可以制作出精美的動態效果。DOM 可以支持以下3個功能。 ① 動態內容:使頁面中的文本、張家口網站建設圖片可以在客戶端動態地增加、刪除和修改,而且被修改元素周圍的元素可以自動修正位置。例如在不刷新頁面的情況下,使頁面標題動態增大,而且標題周圍的文字會在標題增大后自動調整位置。 ② 動態風格:指在不刷新頁面的情況下,動態調整頁面元素的 CSS 屬性,例如顏色和字體等。當鼠標移進某段文字時,這段文字的顏色能發生改變。另外,通過添加濾鏡 CSS屬性,頁面元素就可以支持多媒體濾鏡和色彩過渡功能。 ③ 絕對定位:在不刷新頁面的情況下,可以動態改變頁面內容的CSS 定位坐標。 (2)數據捆綁 該功能可使客戶端具有操縱和修改數據的功能,從而避免頻繁地對服務器進行訪問。 (3)腳本小程序 Scriptjet 是 DHTML 中的一種Web 頁面。該 Web 頁面具有可重用性,一次開發后可以不經修改而在多處 張家口網站制作Web主頁和應用程序中使用,例如 JavaScript和VBScript等。Netscape Navigator所支持 DHTML 的主要特點包括以下3個方面。 (1)風格表單 使用風格表單可以設置頁面元素的排版風格,例如文本字體、大小和顏色、頁邊空白以及元素的對齊方式等。Netscape Navigator支持兩種風格的表單語法,一種是 CSS 語法,另一種是 JavaScript的風格表單語法。 (2)內容定位 由頁面編程語言指定頁面內容的位置,而不是由瀏覽器自動安排位置。例如將某頁面元素放在左上角,將另一元素放在右下角,內容所在的區域塊可以重疊。內容定位中使用了層和層對象,頁面中的每一個層有一個 JavaScript 層對象與之相關,可以通過 JavaScript腳本(即層對象的方法)直接修改層對象的屬性來對它進行操作。 (3)可下載字體 可以為 Web頁面指定顯示字體,使該頁面的文字總是以指定的字體顯示,這樣就可以方便地統一頁面的字體。而且可下載字體與平臺無關,在任何平臺上都可以下載顯示。為了保護字體設計者的利益,可下載字體被加鎖了,不能復制和再利用。 從以上 IE 和 Netscape Navigator各自支持的 DHTML特點來看,除了在CSS風格表單方面具有一定的相似性外,其他方面都有很大的差距,比如 Netscape Navigator中的層對象和可下載字體根本不適合于 IE,而 IE 中的動態內容風格和數據捆綁也不適合于 NetscapeNavigator。因此,要在頁面中使用DHTML 的技術除了在HTML4 中已經標準化的內容可以放心使用外,其他方面就要考慮到 IE 和 Netscape Navigator 之間的區別。要很好地支持 IE 和Netscape Navigator 兩種瀏覽器,則要么使用兩者的共性,要么進行瀏覽器判別來區分對待。
|