精华内容
下载资源
问答
  • 动态网页技术

    千次阅读 2018-03-30 10:07:25
    动态网页技术从网页的主要构成来说,一个标准的网页一般有4个部分组成:内容、结构、表现和行为。内容是网页中要传达的信息,包括文本、数据、图片、视频等,一般由HTML(XHTML)来完成,也就是页面中的各种页面元素...

    动态网页技术

    从网页的主要构成来说,一个标准的网页一般有4个部分组成:内容、结构、表现和行为。

    • 内容是网页中要传达的信息,包括文本、数据、图片、视频等,一般由HTML(XHTML)来完成,也就是页面中的各种页面元素对象,它们是被动态操纵的内容;
    • 结构是使用结构化的方法对网页中用到的信息进行分类和整理,使内容更具条理性、逻辑性和易读性;
    • 表现是使用表现技术对已经结构化的信息进行表现上的控制,如版式、文本大小、文本颜色等,一般由CSS来完成;
    • 行为就是网页的交互操作,实现对网页的动态控制,一般由Javascript、AJAX等技术完成,用它来操纵Web页上的HTML和CSS。

    在这4部分中,内容可以由HTML来实现,结果由DOM,表现通过CSS技术实现,行为一般通过javascript技术实现。

    DHTML是Dynamic HTML的简称,称作动态HTML,它是相对传统的静态的HTML而言的一种制作网页的概念。

    其实,DHTML并不是一门新的语言,它只是HTML、CSS和客户端脚本的一种集成,即一个页面中包括html+css+javascript,其中css和客户端脚本是直接在页面上写而不是链接上相关文件。DHTML不是一种技术、标准或规范,也不是一门新的语言,只是一种将目前已有的网页技术、语言标准整合运用,制作出能在下载后仍然能实时变换页面元素效果的网页设计概念。

    DHTML 是一种使 HTML 页面具有动态特性的艺术,是一种创建动态和交互 WEB 站点的技术集。对大多数人来说,DHTML 意味着 HTML、CSS和 JavaScript 的组合。

    使用DHTML技术,可使网页设计者创建出能够与用户交互并包含动态内容的页面。实际上,DHTML使网页设计者可以动态操纵网页上的所有元素——甚至是在这些页面被装载以后。利用DHTML,网页设计者可以动态地隐藏或显示内容、修改样式定义、激活元素以及为元素定位。DHTML还可使网页设计者在网页上显示外部信息,方法是将元素捆绑到外部数据源(如文件和数据库)上。所有这些功能均可用浏览器完成而无需请求Web服务器,同时也无需重新装载网页。这是因为一切功能都包含在HTML文件中,随着对网页的请求而一次性下载到浏览器端。

    通过 DHTML,Web 开发者可控制如何在浏览器窗口中显示和定位 HTML 元素。通过 HTML 4.0,所有的格式化(信息)可移出HTML文档,并写入一个独立的样式表中。

    通过 CSS,就得到了一种用于 HTML 文档的样式和布局模型,它使开发者有能力同时控制多个网页的样式和布局。并把文档的表现从其结构中分离,在不搞乱文档内容的情况下,自由控制网页的表现。

    HTML DOM 是针对 HTML 的文档对象模型,它定义了针对 HTML 的一套标准的对象,以及访问和处理 HTML 对象的标准方法,它允许程序和脚本动态地访问和更新文档的内容、结构及样式。

    版权声明:本文出自 歪脖 的《HTML5宝典》,欢迎在线阅读,并提出宝贵意见。

    展开全文
  • 三种动态网页技术的简要分析

    万次阅读 2016-11-25 22:12:37
    动态网页技术可以非常方便地处理用户的请求,在Web开发中它们的地位是非常重要的。目前比较流行的动态网页技术有JSP、ASP、PHP等,下面分别简要介绍这些技术的特点。1 ASP技术ASP技术是基于.NET平台的一种动态网页...

    动态网页可以根据用户的选择、点击、输入等操作而迅速的响应和动态的改变。动态网页技术可以非常方便地处理用户的请求,在Web开发中它们的地位是非常重要的。目前比较流行的动态网页技术有JSP、ASP、PHP等,下面分别简要介绍这些技术的特点。


    1 ASP技术

    ASP技术是基于.NET平台的一种动态网页技术。它有非常强大的后台处理能力,但却有一些安全性、稳定性、跨平台性的问题。它的原理为:通过服务器端的解释器将用户请求的ASP文件进行处理,然后将生成的HTML页面传输到客户端显示。解释器可以调用功能强大的COM组件去进行非常多的工作。因此,ASP的功能被无限放大了。

    • ASP的优势

    容易学。ASP的内嵌代码是Basic语言,这种语言很容易掌握,并且学的人很多。Microsoft开发的语言有很多联机手册,并且市面上也有很多的相关书籍,方便开发人员的学习和深入。

    容易安装。装好Windows系统后,只要安装了IIS,就可以使用ASP语言了,不用像Java一样花很大功夫去配置。

    效率高。在访问量比较低的情况下,ASP处理的效率相当高。

    • ASP的弱势

    虽然使用COM组件极大地扩展了ASP的功能,但是Windows系统的缺陷可能会导致使用ASP技术建立的网站更容易受到攻击,以至于瘫痪。

    编译的时间长。

    无法实现跨操作系统的使用。

    无法使用它建立大型的网站,因为ASP技术不能实现完全的集群和负载均衡。

    2、PHP技术

    PHP语言是HTML内嵌式的语言,这一点类似于ASP。不过,它的语法混合了C、Java、Perl等语言的特点。PHP语言的用途也非常广,它支持众多的数据库,如Microsoft SQL Server、MySQL、Sybase、Oracle等。它与HTML可以有很好的兼容:在PHP脚本中可以直接加入HTML标签,在HTML标签中也可以加入PHP脚本。从而它可以实现更强的页面控制。

    • PHP的优势

    PHP可以跨平台,并且具有更好的数据库交互能力。PHP在UNIX/Linux平台下运行的性能很好。

    由于PHP可以与Apache,以及其他的一些平台以静态编译的方式结合起来。所以它可以很大程度地优化CPU和内存的使用。

    PHP有很好的安全性。

    • PHP的弱势

    数据库接口不规范。虽然PHP支持众多的数据库,但是对每种数据库接口的开发都不同。同样的数据库操作在不同的数据库中都要用不同的语言来实现,从而极大地加重了开发者的负担。

    使用起来复杂。由于实现某些功能,一般是靠某种拓展模块来实现的。而每种拓展木块都有不同的外部应用库来实现,这样在编译时相当复杂。

    缺少企业级应用的支持。由于开发大型Web应用的接口的数量有限而导致的。

    3、JSP技术

    JSP技术在基于java的平台上广泛地使用,是进行Java web开发的一种核心组件。JSP页面由HTML代码和嵌入在其中的Java脚本组成。当浏览器用户请求某个JSP页面时,Web服务器在服务器端对所请求的JSP文件进行编译处理,执行其中的Java脚本,并把生成的HTML页面返回到浏览器端显示。Servlet技术是JSP技术的基础,实际开发中往往是二者联合使用。由于基于Java平台,JSP有Java技术面向对象、平台无关、安全等特点。

    • JSP的优势

    一次编写,到处运行。这一点JSP比PHP技术更有优势,在不同的系统平台上运行,代码不用做任何修改。

    被多平台支持。JSP几乎可以在任何的平台上进行开发,并且可以在任何的平台上部署和运行。这一点是ASP和PHP所无法企及的。

    后台强大的功能。由于JSP后台有Java语言和Servlet的支持,在后台可以进行复杂的、功能强大的业务逻辑处理。并且可以实现多台服务器端集群和负载均衡,从而更加适应企业级的应用。

    有很多优秀的IDE帮助开发,如Eclipse、IntelliJ IDEA等。

    • JSP的弱势

    正式由于跨平台和服务器集群等一些优点,同时带来了其产品过于复杂的缺点。

    编译后的Class文件运行时,内存的使用率比较低。

    展开全文
  • 今天学习了JSP动态网页技术的基本用法,也写了几个小的jsp网页。 1. 动态页面技术( jsp )  what is jsp? java server page java服务器页面技术.   jsp包括了 静态部分及动态部分,运行于服务器中.   html中包含...

    今天学习了JSP动态网页技术的基本用法

    1. 动态页面技术(  jsp )
       what is jsp?  java server page   java服务器页面技术. 
          jsp包括了 静态部分及动态部分,运行于服务器中. 
          html中包含了java代码,必须运行在服务器,以完成翻译,编译,运行的过程,最后返回html给客户端.--所以页面段只有编译返回的html代码。

    2. jsp页面的结构:
        静态部分:   html,  css,   javascript   (包含注释)
        动态部分:   jsp元素 (  java相关)
             1. 指令
                   编译指令:
       只在编译时起作用,不会有任何输出     (   import ,包含一个小模块, 导入标签库  )
                              <%@ page  属性名="值" %>        导入的类的说明, 编码集
                              <%@ include file="文件名.jsp" %>    包含另一个页面( 公用的模块 )
                              <%@ taglib  prefix="前缀名" uri="定义标签地址" %>    导入标签库. 
    例:   <%@ page language="java" import="java.util.*" pageEncoding="UTF-8" contentType="text/html; charset=utf-8"%>
                   动作指令:
    <%jsp:include %>
    <%jsp:forward %>
    <%jsp:param   %>
             2. 脚本:  逻辑,业务, 输出
                   小脚本

    <%   java代码  %>               逻辑和业务操作
                   声明 <%!   %>
                   表达式
    <%=值  %>                        一般输出. 
             3. 注释:<!--注释内容 -->:这个注释会出现在客户端浏览器页面源码中,要消耗流量

    <%-- 注释内容 --%>  这一种则是服务器端的注释。

             4. 9大内置对象.   今天主要用的是:out.print();

    展开全文
  • web程序设计-动态网页技术?06

    千次阅读 2020-06-12 15:10:23
    主要介绍目前主流的动态网页技术动态网页技术是在传统的静态网页技术的基础上发展而来的,尤其适合现代人们对网络信息的获取速度和用户体验的要求。 介绍了目前的三种动态网页技术:JSP、ASP.NET和PHP。分别介绍了...

    主要介绍目前主流的动态网页技术。动态网页技术是在传统的静态网页技术的基础上发展而来的,尤其适合现代人们对网络信息的获取速度和用户体验的要求。
    介绍了目前的三种动态网页技术:JSP、ASP.NET和PHP。分别介绍了三种技术的产生背景和工作原理,并给出了简单示例,便于对这些技术有个形象的认识。最后介绍了目前非常流行的异步网页无刷新技术Ajax。
    Ajax不是一种全新的技术,而是基于原有的Web技术开发出来的一种Web交互的方法。

    1.静态网页与动态网页

    静态网页

    • 在网站设计中,纯粹HTML格式的网页通常被称为“静态网页”,早期的网站一般都是由静态网页制作的。
    • 静态网页一般会以 .htm或者 .html扩展名存储在服务器的文件系统中。
    • 在HTML格式的网页上,也可以出现各种动态的效果,如 .GIF格式的动画、FLASH、滚动字幕等,这些“动态效果”只是视觉上的,不是区分静态网页和动态网页的要素。
      静态网页的特点主要有:
      (1)静态网页的每个网页都有一个固定的URL,且
      网页URL以 .htm、.html、.shtml等常见形式为后缀;
      (2)网页内容一经发布到网站服务器上,都是保存
      在网站服务器上的;
      (3)网页内容不会发生变化
      (4)静态网页一般没有数据库的支持
      (5)静态网页不能和浏览器用户交互,只能单向发
      布信息,不适应动态和即时信息发布
      (6)维护工作量较大。

    动态网页

    • 动态网页的内容不是预先定制的静态HTML文档,而是在请求或使用过程中根据实际的数据内容和条件实时生成的页面。
    • 动态网页的内容可随用户的输入和互动而有所不同,或者随着用户、时间、数据修正等而改变。
    • 使用动态页面,用户可以提交信息给服务器,服务器可以将数据库中的数据返回给用户,例如股市行情、天气预报等动态检索结果。
      客户机端动态网页采用客户机端脚本语言程序(Client-Side Scripting)在客户机端浏览器中动态地生成整个页面。通常,仅使用客户机端脚本程序实现一些轻量级或局部性的数据与外观处理,如数据检查、交
      互控制、动画演示等辅助性工作。

    客户机端脚本主要采用:
    ● JavaScript
    ● VBScript
    ● ActionScript
    ● 应用小程序/插件
    ● Java Applet、ActiveX控件、Flash插件服务器端动态网页由服务器端实时生成HTML文档并返回给浏览器。通常会通过专门的生成程序或者服务器端脚本语言生成动态页面,数据内容通常从后台数据库中取得,“拼装”成最终的HTML页面并返回给浏览器。
    ◼ 早期技术如CGI、Perl和Java Servlet等。
    ◼ 改进技术,如JSP、ASP、PHP等。允许在HTML页面中嵌入一些服务器端脚本语言程序,可以动态构筑页面内容。
    ◼ ASP.NET技术可将页面展示语义与数据内容的处理逻辑彻底分开,提供了面向对象和基于事件驱动的编程方式以完成网页页面的开发,其技术更先进,使用更方便。

    客户机/服务器端混合式动态网页技术Ajax无论是客户机端动态网页还是服务器端动态网页,一个共同特点是,一旦网页需要从服务器上请求哪怕是一点点数据,也一定要向服务器请求和重新装入整个页面,因此,访问效率不高,增加了网络负担。为了解决网页局部更新的问题,出现了Ajax(Asynchronous JavaScript and XML)技术。Ajax是一个基于JavaScript并整合了XHTML、XML、DOM等技术实现的一个客户机端/服务器端混合式动态页面编程框架,它解决了网页的局部更新问题,大大降低了Web服务器的负担和网络通信开销,加快了服务器的响应速度。
    动态网页的一般特点为:
    (1)动态网页以数据库技术为基础,可以大大减少降低网站维护的工作量;
    (2)采用动态网页技术的网站可以实现更多的动态访问功能,如用户注册、用户登录、在线调查、用户管理、订单管理等;
    (3)动态网页只有当用户请求时服务器才从数据库中读取数据并动态产生一个完整的网页,并不占用独立的服务器空间。

    应用场景

    • 从网页开发角度看,静态网页使用HTML语言,而动态网页使用的语言则包括HTML+ASP或HTML+PHP或HTML+JSP等。
    • 静态网页相对更新起来比较麻烦,一般适用于更新较少的展示型网站。
    • 动态网站也可以采用静动结合的原则,适合采用动态网页的地方用动态网页,如果有必要使用静态网页,则可以考虑用静态网页的方法来实现。

    2.Java Servlet和JSP基本概念和原理

    Servlet工作原理
    Servlet的运行过程
    在这里插入图片描述
    JSP工作原理

    • JSP的工作原理类似CGI程序,它替代了常规Web服务器后端的页面加载模块,由JSP引擎执行从JSP程序转换编译而成的Java Servlet程序来产生动态HTML页面。
    • 一个JSP程序在第一次访问的时候等待响应的时间相对会比较长,这是由于JSP引擎需要先完成JSP程序的翻译和编译工作。第二次以后的执行速度就会快很多。

    JSP程序的执行过程:
    在这里插入图片描述

    JSP基本构成
    完整JSP网页构成元素有三类:
    ◆HTML标记;客户端浏览器看到的都是HTML标记语言,通过对HTML的解析,才能产生用户可见的页面。
    ◆JSP标记,包括JSP指令标记和JSP动作标记;嵌入的部分以标记“<%”开始,以“%>”结束。
    ◆Java脚本程序,是嵌入到JSP页面的可执行的Java程序,它们与JSP的其他内容一起被编译成为Servlet,在运行过程中被执行并输出结果作为HTML的一部分返回给客户端。

    示例:
    在这里插入图片描述

    Servlet与JSP的关系和区别

    • Servlet和JSP都是运行在服务端的程序,JSP技术是在Servlet技术的基础上发展起来的,它们之间有很多联系,也有很大的区别。
    • Servlet和JSP的编程方式不同。Servlet遵循的是Java语言的编程标准,而JSP更多的是遵循脚本语言的编程标准。Servlet编写的程序结构性更好,更加专业,而JSP是为了简化Servlet编程而发展起来的技术,JSP程序在编写方面比Servlet要容易。
    • JSP编程由于采用的是脚本语言编程标准,是由JSP引擎在第一次运行时翻译成Servlet后编译执行。Servlet则是需要在程序开发完成后进行编译才能部署安装。
    • 在实际的运用中,通常会采用Servlet和JSP混合使用的MVC模式,由JSP充当View角色,负责显示动态内容;由Servlet充当Controller角色,负责对客户端的请求进行处理、响应和调用JavaBean;由JavaBean充当Model角色,负责提供可复用组件和数据的存储访问等。

    Servlet编程简单示例

    public class HelloWorldServlet extends HttpServlet {
    public void doGet(HttpServletRequest request,
    HttpServletResponse response)
    throws ServletException, IOException {
    PrintWriter out = response.getWriter();
    out.println("<html>");
    out.println("<body>");
    out.println("Hello,world!");
    out.println("</body>");
    out.println("</html>"); } }
    
    配置文件:
    <servlet>
    <servlet-name>HelloWorldServlet</servlet-name>
    <servlet-class>test.HelloWorldServlet</servletclass>
    </servlet>
    <servlet-mapping>
    <servlet-name>HelloWorldServlet</servlet-name>
    <url-pattern>/helloworld</url-pattern>
    </servlet-mapping>
    
    <html>
    <head>
    <title>Hello world demo</title>
    </head>
    <body>
    <% String s = “Hello, world!”;
    out.println(s); %>
    <br />
    <%=s%>
    </body>
    </html>
    

    3.ASP.NET基本概念和原理

    微软.NET框架基础

    ❖ .NET框架(.NET Framework)是由微软开发的一个致力于敏捷软件开发、快速应用开发、平台无关性和网络透明化的软件开发平台。
    ❖ 框架组成:公共语言运行时(CLR:CommonLanguage Runtime)、服务框架(Services Framework)和上层的两类应用模板——传统的Windows应用程序模板(Win Forms)和基于ASP.NET的面向Web的网络应用程序模板(Web Forms和Web Services)。
    ❖ .NET框架
    在这里插入图片描述

    ASP.NET简介
    ❖ ASP.NET 是一个统一的 Web 开发模型,它包括开发者使用尽可能少的代码生成企业级 Web 应用程序所必需的各种服务。
    ❖ ASP.NET 作为 .NET 框架的一部分提供。开发者可以访问 .NET框架中的类。
    ❖ 开发者可以使用与公共语言运行库 (CLR) 兼容的语言来编写代码,包括 VB、C#、JScript .NET 和 J#。
    ❖ ASP.NET在整个开发架构中的位置

    在这里插入图片描述

    ASP.NET基本编程模型
    在这里插入图片描述
    ❖ 在ASP.NET编程中,开发者在Web Form上拖放控件,完成想要的页面布局,用于和用户进行交互;
    ❖ Page类是所有Web Form类的父类,Page类的编程模型非常复杂,这是由于身上繁重的任务决定的:Page类必须应用用户个性化信息,应用主题,初始化和组织内部的控件,为控件加载和保存视图状态,为控件加载回传数据,引发控件回传,组织页面呈现内容并最终通过HtmlTextWriter输出结果。

    ASP.NET开发环境
    ❖ Visual Studio.NET 是一套完整的开发工具集,用于生成 ASP.NET Web 应用程序、XML Web Services、桌面应用程序和移动应用程序等各类应用程序。Visual Basic、Visual C++、Visual C# 和 Visual J# 全都使用相同的集成开发环境 ,利用此 IDE 可以共享工具且有助于创建混合语言解决方案。另外,这些语言利用了 .NET Framework 的功能,通过此框架可使用简化 Web 应用程序和 XML Web Services 开发的关键技术。

    在这里插入图片描述

    ASP.NET网页开发简单示例
    在这里插入图片描述

    代码分离:
    namespace Demo
    { public partial class DemoWebForm : System.Web.UI.Page
    { protected void Page_Load(object sender, EventArgs e)
    { }//这里往往对控件数据进行初始化
    protected void btnOk_Click(object sender, EventArgs e)
    { }//用户点击“确定”按钮后的动作
    protected void btnCancel_Click(object sender, EventArgs e)
    { }//用户点击“取消”按钮后的动作
    protected void btnUpload_Click(object sender, EventArgs e)
    { }//用户点击“文件上传”按钮后的动作 }}
    

    4.PHP基本概念和原理

    PHP简介
    ❖ PHP是由Rasmus Lerdorf 于1994年创建的,最初只是一个简单的用Perl语言编写的程序,用来统计网站的访问者情况。
    ❖ 在1995年以Personal Home Page Tools (PHP Tools)的名称开始对外发表第一个版本。
    ❖ 后来缩写更改为Hypertext Preprocessor(超文本预处理语言)。

    一个典型的早期PHP代码例子如下:
    <HTML>
    <HEAD>
    <TITLE>My Page</TITLE>
    </HEAD>
    <BODY>
    Hello, <?PHP echo ”Michael”;?>, Welcome to my
    site!
    </BODY>
    </HTML>
    

    PHP的工作原理
    一个完整的PHP系统由以下几个部分构成。
    ◆服务器:搭建PHP运行环境时所选择的服务器。PHP支持多种服务器软件,包括Apache、IIS等。
    ◆PHP引擎:实现对PHP文件的解析和编译。
    ◆数据库系统:实现系统中数据的存储。PHP支持多种数据库系统,包括MySQL、SQL Server、Oracle及DB2等。
    ◆浏览器:浏览网页。由于PHP在发送到浏览器的时候已经被解析器编译成HTML代码,所以PHP对浏览器没有任何限制。
    在这里插入图片描述

    Smarty模板引擎工作原理图:
    在这里插入图片描述

    PHP网页开发简单示例

    <HTML>
    <HEAD> <TITLE> <? echo "Hello World!"; ?> </TITLE>
    </HEAD>
    <BODY>
    <H1> First PHP page </H1>
    <HR> <? /*
    块注释:打印信息 */
    //类C语言行注释
    $today=date("Y-m-d G:i:s");
    echo "<CENTER> 今天是:$today.</CENTER>";
    ?># Unix 类型的行注释 ?>
    </BODY>
    </HTML>
    

    5.Ajax基本概念和原理

    Ajax技术背景
    ❖ Ajax的全称是Asynchronous JavaScript and XML,表示异步JavaScript+XML的意思,它有别于传统web开发中采用的同步方式。
    ❖ 除了JavaScript之外,另外一个组成Ajax的关键技术帧及隐藏帧技术的出现,使得浏览器对服务器的独立请求与显示处理变得更加灵活,更加有助于提高用户体验。
    ❖ 动态HTML技术中用户可以用JavaScript 和CSS来更新页面的任何部分。
    ❖ 2001年,微软公司以ActiveX对象的形式引入了XMLHttp工具,目的是向开发人员提供一个实现浏览器/服务器交互的更好的工具。
    ❖ 随后几乎所有的主流浏览器都通过将XMLHttp对象的主要方法和属性复制到浏览器的XMLHttpRequest对象中来支持这种技术,从而导致Ajax风格的页面在整个Web开发领域中迅速流行起来。

    Ajax技术的构成
    Ajax并非一种新的技术,而是几种原有技术的结合体。
    它实际上确是由下列技术组合而成。它们包括:
    ◆HTML/XHTML,主要的内容表示语言;
    ◆CSS,为XHTML提供文本格式定义;
    ◆DOM,对已载入的页面进行动态更新;
    ◆XML,数据交换格式;
    ◆XSLT,将XML转换为XHTML(用CSS修饰其样式);
    ◆XMLHttp,用XMLHttpRequest来和服务器进行异步通信,是主要的通信代理;
    ◆JavaScript,用来编写Ajax引擎的脚本语言。
    ◆除了客户端技术之外,还需要一个很重要的组件就是必要的服务器端处理逻辑。
    ◆开发人员所关注的技术主要与客户端的Ajax引擎直接相关,但如果没有一个稳定的、响应及时的服务器来向引擎发送内容,也就不会有Ajax的存在。
    ◆不管用户将服务器端组件编写为PHP页面、Javaservlet还是.NET组件,只需要保证向Ajax引擎发送的数据格式是正确的即可

    Ajax的工作原理
    ❖ Ajax模型提供了一个中间层(称之为Ajax引擎)来处理浏览器和服务器之间的通信。
    ❖ Ajax引擎实际上只是一个JavaScript对象或函数,只有当信息必须从服务器上获得的时候才调用它。
    ❖ 当需要调度和执行浏览器请求时,向Ajax引擎发出一个函数调用。这些请求都可以异步完成的,这就意味着不必等收到响应之后就可以继续执行后续的代码,从而可以提升用户体验。
    ❖ 传统Web应用程序模型和Ajax模型之间的区别
    在这里插入图片描述
    ❖ XMLHttpRequest对象是一项关键功能,浏览器通过XmlHttpRequest对象来向服务器发异步请求,从服务器获得数据,然后用JavaScript来操作DOM而更新页面。
    ❖ XMLHttpRequest 对象提供了对 HTTP 协议的完全的访问。XMLHttpRequest 可以同步或异步返回 Web 服务器的响应,并且能以文本或者一个 DOM 文档形式返回内容。
    ❖ XMLHttpRequest,可以接收任何形式的文本文档

    Ajax开发简单示例
    在页面中添加一个文本框标签用于输入用户名,添加一个按钮用于提交用户数据。验证的结果被直接打印在页面上。
    操作步骤如下:

    1) 打开Visual Studio 2010建立一个网站
    2) 在VS2010工具箱的HTML栏中添加一个文本控件
    和一个按钮控件。
    3) 在<Head></Head>中加入<script type
    ="text/javascript"></script>标签,以便进行Ajax引擎
    的编写,再定义一个XMLHttpRequest对象,但是并不
    进行初始化操作。
    4) 添加OnMessageBack()函数的内容。代码如下:
    function OnMessageBack()
    { //判断请求状态及HTTP状态是否都能满足条件
    if (xmlhttp.readystate==4 &&
    xmlhttp.status==200)
    {//将返回的文本打印到页面上
    document .write xmlhttp .responsetext); }}
    5) 为Button1添加事件代码,将其标签修改为
    <input id="Button1" type="button" value="button"
    onclick="Validation()" />
    6)页面中的Ajax引擎已经编写完毕。
    
    展开全文
  • 三大动态网页技术

    千次阅读 2015-11-21 13:40:37
    ASP PHP和JSP三大动态网页技术  ASP、PHP、JSP三者都是面向Web服务器的技术,客户端浏览器不需要任何附加的软件支持。程序代码的执行结果被重新嵌入到HTML代码中,然后一起发送给浏览器。在ASP、PHP、JSP环境下,...
  • JSP--动态页面技术

    千次阅读 热门讨论 2017-03-08 11:26:11
    JSP全名为Java Server Pages,中文名叫java服务器页面,其根本是一个简化的Servlet设计,是一种动态网页技术标准。JSP技术有点类似ASP技术,它是在传统的网页HTML中插入Java程序段(Scriptlet)和JSP标记(tag),从而...
  • 动态网页技术的发展历史

    千次阅读 2019-10-15 22:24:25
    最初在浏览器中主要展现的是静态的文本或图像信息,GIF图片则第一次为HTML页面引入了动态元素。不过人们已经不仅仅满足于访问放在Web服务器上的静态文件,1993年CGI(Common Gateway Interface)出现了,Web上的动态...
  • 动态网页技术基础

    千次阅读 2008-01-07 17:12:00
    内容提要 动态网站结构 动态网页特征 主要动态网页技术 1.动态网站结构?答:采用Web方式、实时动态交互等形式,将应用逻辑集中到服务器端;一般由浏览器、WEB服务器、应用服务器、数据库服务器组成;客户层的浏览器...
  • 常用的4种动态网页技术

    万次阅读 2016-04-16 22:14:06
    1. 常用的4种动态网页技术 1.1. CGI CGI(Common Gateway Interface,公用网关接口)是较早用来建立动态网页的技术。当客户端向Web服务器上指定的CGI程序发出请求时,Web服务器会启动一个新的进 程执行某些CGI...
  • 动态网页技术JSP、ASP、PHP

    千次阅读 2015-10-13 20:58:44
    动态网页技术 所谓“动态”,并不是指那几个放在网页上的GIF图片,动态网页技术有以下几个特点。 1,"交互性"即网页会根据用户的要求和选择而动态改变和响应,将浏览器作为客户端界面,这将是今后WEB发展的大事所趋. 2,...
  • 动态网页技术对比分析

    千次阅读 2007-05-24 21:03:00
    目前,主流的动态网页技术主要有:ASP,PHP,CGI,JSP等,技术上各有特点。1、JSP与ASP/ASP.NET的比较 JSP与Microsoft的ASP技术非常相似。两者都提供在HTML代码中混合某种程序代码且由语言引擎解释执行程序代码的能力...
  • Web应用工作原理、动态网页技术

    万次阅读 2013-05-25 09:44:52
    什么是动态网页技术?又有  哪些动态网页技术呢?这次这篇文章需要探求总结的。  Web应用  我们知道应用程序有两种模式,C/S模式和B/S模式。C/S模式是客户端/服务器模式,这类  应用程序
  • 一、动态网页技术分为:浏览器端动态技术 和 服务器端动态技术。  (1)浏览器端的动态技术  DHTML技术可以说是一种多项技术的综合,包括文档对象模型(也就是我们经常说的DOM)、脚本技术(比如说常用的JavaScript...
  • 各种动态网页技术的特点与区别

    千次阅读 2015-02-09 23:11:12
    只支持静态的文字和图片 不能与用户进行交互 ...现在用cgi做动态网页的比较少,但还是存在的,主要用于Linux/UNIX操作系统中 asp (是html javascript(VBScript) com 组件的形式) 简单易学 安装使用方
  • Day07 动态页面技术(JSP)

    千次阅读 2020-10-30 20:34:55
    JSP全名是Java Server Pages,它是建立在Servlet规范之上的动态网页开发技术。 在JSP文件中,HTML代码与Java代码共同存在,其中,HTML代码用来实现网页中静态内容的显示,Java代码用来实现网页动态内容的显示。 ...
  •  既然是一种动态页面技术,自然也有所谓静态的html代码,JSP中包括静态部分和动态部分;  静态部分:html代码,css代码,javascript代码  动态部分:jsp元素(java相关) 当然静态部分是可以通过浏览器直接...
  • 动态页面技术(jsp)

    千次阅读 2015-04-09 19:40:19
    java server page java服务器页面技术。jsp包括了静态部分和动态部分,jsp运行在服务器中,整个web项目必须运行在服务器上,html代码中包含java代码,通过服务器访问jvm,再将web项目翻译,编译,再运行,而运行的...
  • J2EE动态网页技术—JSP

    千次阅读 热门讨论 2014-06-29 21:16:34
    第二个概念:JSP是由Sun公司倡导建立的一种动态网页技术标准。   1.动态内容模板  JSP是在传统的HTML文件中插入java程序段。在该程序段中可以写一些JDBC的代码访问数据库、也可以是发送E-Mail或是作为...
  • 静态网页动态网页 (视觉上的动态效果不是区分动静的要素) 静态网页:纯粹html格式的网页,后缀.htm  .... 客户机端动态网页:client-side scripting(动态生成整个页面,轻量和局部的数据与外观处理)  
  •   web开发的介绍 web开发分为 1.  静态web开发(html页面) ...如果我们的一个页面,始终是一成不变的,则就是属于静态web开发,一般讲用html技术就ok ...常用的动态web技术 php 、jsp 、asp
  • ASP PHP和JSP三大动态网页技术

    千次阅读 2015-03-23 11:59:53
    ASP、PHP、JSP三者都是面向Web服务器的技术,客户端浏览器不需要任何附加的软件支持。...普通的HTML页面只依赖于Web服务器,而ASP、PHP、JSP页面需要附加的语言引擎分析和执行程序代码。 网站技术主要包括Web服
  • 动态网页技术与JSP简介

    千次阅读 2004-09-21 00:03:00
    特点:1, 交互性:网页会根据用户的要求和选择而改变响应。2, 自动更新:无需手动更新HTML文档,便会自动生成新的页面。3, 因时因人而变:不同的时间,不同的人访问同一个页面会产生不同的效果。使用技术:一...
  •  CGI(Common Gateway Interface,公用网关接口)是较早用来建立动态网页技术。当客户端向Web服务器上指定的CGI程序发出请求时,Web服务器会启动一个新的进程执行某些CGI程序,程序执行后将结果以网页的形式再...
  • Python3+Scrapy+phantomJs+Selenium爬取今日头条在实现爬虫的过程中,我们不可避免的会爬取又JS以及Ajax等动态网页技术生成网页内容的网站,今日头条就是一个很好的例子。本文所要介绍的是基于Python3,配合Scrapy+...
  • 这段时间学校搞了一个“阅战阅勇”的阅读活动,奖品还是挺丰富的~于是,奔着这些奖品,我去图书馆借了这本《Java Web开发技术教程》。... 翻页,向我们介绍了动态网页技术的3个特点。 (1)交互性:网页会根据...
  • 动态网页模板技术

    千次阅读 2006-03-05 20:58:00
    动态网页模板技术之所以这么说,是针对使用asp(目前我只管这个)、php、jsp等动态脚本语言来说的。静态的html就不说了,除非使用网址重写技术对含html链接重新解析。使用模板的目的就是实现数据和表现(或者说是...
  • 动态网页

    2017-06-15 23:50:40
    (2)采用动态网页技术的网站可以实现更多的功能,如用户注册、用户登录、在线调查、用户管理、订单管理等等; (3)动态网页实际上并不是独立存在于服务器上的网页文件,只有当用户请求时服务器才返回一个完整的网页;...
  • 如何实现动态网页

    千次阅读 2018-08-31 08:11:15
    所谓“动态”,并不是指放在网页上的GIF图片,动态网页技术有以下几个特点: 1. "交互性",即网页会根据用户的要求和选择而动态改变和响应,将浏览器作为客户端界面,这将是今后WEB发展的大势所趋. 2. &...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 362,388
精华内容 144,955
关键字:

动态页面技术