首頁常見問題正文

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

更新時(shí)間:2022-12-21 來源:黑馬程序員 瀏覽量:

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

動(dòng)態(tài)網(wǎng)頁具有以下一些特點(diǎn):

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

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

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

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

1. jQuery

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

如果一個(gè)網(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可以動(dòng)態(tài)地生成HTML內(nèi)容,但只有在JavaScript代碼執(zhí)行之后才會(huì)顯示。

2. AJAX

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

3. DHTML

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


分享到:
在線咨詢 我要報(bào)名
和我們在線交談!