轉帖|其它|編輯:郝浩|2008-09-10 10:46:11.000|閱讀 825 次
概述:dhtml shtml xhtml的區別是什么
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
我們首先來看一看HTML。它是一種“靜態”的網葉設計語言,主要提供文本和圖形的顯示功能。但它很難提供多媒體、二維空間移動、精確定位文字、圖形的大小和位置。
DHTML作為瀏覽器自帶的功能,實際上只是一種概念,它并不屬于一種專門技術(如Javascript,Activex),它也不是指標簽, Plug-in,或者是瀏覽器。
DHTML是近年來網絡發展進程中最振奮人心也最具實用性的創新之一。它是一種通過各種技術的綜合發展而得以實現的概念(當然,不同的瀏覽器,實現的程度也不同),這些技術包括Javascript, VBScript, Document Object Model(文件目標模塊)簡稱DOM,Layers和Cascading Style Sheets(CSS)等。
那么,什么是DHTML?簡而言之,DHTML就是一種即使在網頁下載進瀏覽器以后仍然能夠隨時變換更新網葉內容排版樣式以及動畫等等。
首先Dynamic HTML是一種制作網頁的方式,而不是一種網絡技術(就像JavaScript和ActiveX);它也不是一個標記、一個插件或者是一個瀏覽器。
Dynamic HTML(或者叫dHTML或DHTML)是一個不錯的網頁制作方法。它可以通過JavaScript、VBScript、Document Object Modle(DOM)、layers或者CSS來實現。(DHTML在不同的瀏覽器,被實現的效果也不同。)
說到這里,你也許要問:dHTML能實現什麼樣的效果?他能改變頁面中的一些效果,例如:當你的鼠標移到一幅圖片的上面時,該圖片能變為另一幅圖。
也許你會問:當頁面已經被下載到你的計算機上時,我們如何才能改變頁面的效果呢?這就需要有一種技術告訴瀏覽器如何去改變頁面中的效果。而這些技術就組成了dHTML。
1)Dynamic HTML是一種客戶端的腳本語言
人們已經使用客戶端的腳本語言(例如:JavaScript和VBScript)來改變HTML代碼很常一段時間了。如果當你把鼠標放在一幅圖片上時,該幅圖片就改變顯示效果,那它就是一個dynamic HTML例子。在Microsoft和Netscape發布的4.0級的瀏覽器,允許使用腳本語言去改變HTML語言中大多數的元素。能夠被腳本語言改變的頁面元素被叫做文件目標模型(Document Object Model)。
2)Dynamic HTML中的另一種形式:DOM
在感覺上,DOM應該是dynamic HTML中的核心內容,是它使得HTML代碼能夠被改變。DOM是在特定的時間在瀏覽器中被表示元素中的一個層。它包括一些有關環境的一些信息,例如:當前的時間和日期,瀏覽器的版本號,該網頁的URL以及HTML中的元素(例如:p標記,divs或者表格標記)。通過開放這些DOM給腳本語言,瀏覽器就允許你來改變這些元素了。相對來說,還有一些元素不能被直接的被改變,但是你能通過使用腳本語言來改變一些其它元素來改變它們。就像Taylor已經講過的一樣,DOM在IE4之前就出現了。在你使用IE4時,在IE4中運行的任何腳本語言,都能改變網頁中的任何元素。
雖然Netscape中的DOM使用權限與IE4比較受到了很大的限制,但是你能夠將你所想要改變的內容放在一個layer(層)中,你可以通過改變層來改變你所想要改變的內容。并且Netscape聲稱他以后推出的瀏覽器將更好的支持W3C的DOM標準。
在DOM中有一部分內容,他專門用來指定什麼元素能夠改變,他就是事件模型。所謂事件就是把鼠標放在一個頁面元素上(onmouseover),加載一個頁面(onload),提交一個表單(onsubmit),在表單文字的輸入部分,用鼠標點擊一下(onfocus)等等。
3)第三種Dynamic HTML方式:CSS
因為CSS是DOM中的一部分,所以腳本語言能夠改變CSS中的一些屬性。通過改變CSS,使你能夠改變頁面中的許多顯示效果。這些效果包括:顏色,位置以及大小。
好了,這里該進行一些總結。你所改變的是CSS,而DOM來改變這些元素(CSS),那么客戶端的腳本語言來改變DOM。這就是Dynamic HTML。
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自:DIY部落