首页常见问题正文

动态网页有哪些特点?都使用了哪些技术

更新时间:2022-12-21 来源:黑马程序员 浏览量:

相比静态网页,动态网页有数据库支撑、包含程序以及提供与用户交互的功能,如用户登录、用户注册、信息查询等功能,根据用户传入的不同参数,网页会显示不同的数据。例如,登录某网站后查询百度公司信息的页面是一个动态网页,如图所示。

动态网页具有以下一些特点:

动态网页一般以数据库技术为基础。

动态网页并不是独立存在于服务器上的网页文件,只有当用户发送请求时,服务器才会返回完整的网页。采用动态网页技术的网站可以实现更多的功能,如用户注册、用户登录、在线调查、用户管理、订单管理等。

动态网页上使用的技术

这里所说的动态网页是在网页中依赖JavaScript动态加载数据的网页,使用了JavaScript的网页能够在URL不变的情况下改变网页的内容。动态网页上使用的技术主要包括jQuery、AJAX和DHTML,关于这几种技术的介绍如下。

1. jQuery

jQuery是一个快速、简洁的JavaScript框架,于2006年1月由John Resig(约输·瑞森)发布。该框架的设计宗旨是“write less,do more”,即写更少的代码,做更多的事情。jQuery框架中封装了JavaScript常用的代码,并对一些功能进行了优化,包括HTML文档操作、事件处理、动画设计等。

如果一个网站中使用了jQuery框架,那么我们可以在网页源代码中看到jQuery入口,具体代码如下。

    <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可以动态地生成HTML内容,但只有在JavaScript代码执行之后才会显示。

2. AJAX

AJAX(异步JavaScript和XML)并不是一门新的编程语言,而是一种用于创建又快又好和交互性强的Web应用程序的技术。使用了AJAX技术的Web应用程序能够快速地将增量更新呈现在用户界面上,而不需要重载整个页面,这使得该程序能够快速地回应用户的操作。如果用户提交表单,或者从服务器获取响应信息之后,网站的页面不需要重新刷新,那么当前访的网站便使用了AJAX技术。

3. DHTML

DHTML是Dynamic HTML的简称,它其实并不是一门新的语言,而是HTML、CSS和客户端脚本的集成。DHTML可以通过客户端脚本改变网页元素(HTML、CSS,或者二者皆被改变),例如,按钮每次被单击后改变其背景色。网页是否属于DHTML,关键要看有没有用JavaScript控制HTML和CSS元素。


分享到:
在线咨询 我要报名
和我们在线交谈!