動態(tài)網(wǎng)頁有哪些特點？都使用了哪些技術(shù)

相比靜態(tài)網(wǎng)頁，動態(tài)網(wǎng)頁有數(shù)據(jù)庫支撐、包含程序以及提供與用戶交互的功能，如用戶登錄、用戶注冊、信息查詢等功能，根據(jù)用戶傳入的不同參數(shù)，網(wǎng)頁會顯示不同的數(shù)據(jù)。例如，登錄某網(wǎng)站后查詢百度公司信息的頁面是一個動態(tài)網(wǎng)頁，如圖所示。

動態(tài)網(wǎng)頁具有以下一些特點：

動態(tài)網(wǎng)頁一般以數(shù)據(jù)庫技術(shù)為基礎(chǔ)。

動態(tài)網(wǎng)頁并不是獨立存在于服務(wù)器上的網(wǎng)頁文件，只有當(dāng)用戶發(fā)送請求時，服務(wù)器才會返回完整的網(wǎng)頁。采用動態(tài)網(wǎng)頁技術(shù)的網(wǎng)站可以實現(xiàn)更多的功能，如用戶注冊、用戶登錄、在線調(diào)查、用戶管理、訂單管理等。

動態(tài)網(wǎng)頁上使用的技術(shù)

這里所說的動態(tài)網(wǎng)頁是在網(wǎng)頁中依賴JavaScript動態(tài)加載數(shù)據(jù)的網(wǎng)頁，使用了JavaScript的網(wǎng)頁能夠在URL不變的情況下改變網(wǎng)頁的內(nèi)容。動態(tài)網(wǎng)頁上使用的技術(shù)主要包括jQuery、AJAX和DHTML，關(guān)于這幾種技術(shù)的介紹如下。

1. jQuery

jQuery是一個快速、簡潔的JavaScript框架，于2006年1月由John Resig(約輸·瑞森)發(fā)布。該框架的設(shè)計宗旨是“write less,do more”，即寫更少的代碼，做更多的事情。jQuery框架中封裝了JavaScript常用的代碼，并對一些功能進行了優(yōu)化，包括HTML文檔操作、事件處理、動畫設(shè)計等。

如果一個網(wǎng)站中使用了jQuery框架，那么我們可以在網(wǎng)頁源代碼中看到j(luò)Query入口，具體代碼如下。

    <script type="text/javascript"
    src="https://statics.huxiu.com/w/mini/static _2015/js/jquery-1.11.1.min.js?v=201
512181512"></script>

需要注意的是，jQuery可以動態(tài)地生成HTML內(nèi)容，但只有在JavaScript代碼執(zhí)行之后才會顯示。

2. AJAX

AJAX(異步JavaScript和XML)并不是一門新的編程語言，而是一種用于創(chuàng)建又快又好和交互性強的Web應(yīng)用程序的技術(shù)。使用了AJAX技術(shù)的Web應(yīng)用程序能夠快速地將增量更新呈現(xiàn)在用戶界面上，而不需要重載整個頁面，這使得該程序能夠快速地回應(yīng)用戶的操作。如果用戶提交表單，或者從服務(wù)器獲取響應(yīng)信息之后，網(wǎng)站的頁面不需要重新刷新，那么當(dāng)前訪的網(wǎng)站便使用了AJAX技術(shù)。

3. DHTML

DHTML是Dynamic HTML的簡稱，它其實并不是一門新的語言，而是HTML、CSS和客戶端腳本的集成。DHTML可以通過客戶端腳本改變網(wǎng)頁元素(HTML、CSS，或者二者皆被改變)，例如，按鈕每次被單擊后改變其背景色。網(wǎng)頁是否屬于DHTML，關(guān)鍵要看有沒有用JavaScript控制HTML和CSS元素。