图示画介绍 网站页面跳转的方法与流程.pdfVIP

http302 htmlrefresh js http302 htmlrefresh js hhttttpp330022 hhttmmllrreeffrreesshh jjss 、 以及 跳转间的关系 什么是页面跳转，为什么页面跳转，怎么进行页面跳转。关于网页跳转技术很多，文章 也很多，方法代码都很多，但是这些方法差别在那里，那些方法速度快，那些方法灵活，那 些方法用户能感觉到，为什么能感觉到，我看了一些文章，结合多年的工作经验，通过绘制 序列图等办法简单总结一下，换个角度理解一下，希望对大家有所帮助！ 本文重点在于比较http 跳转，html 跳转，js 跳转的工作流程，以及重点分析他们在时 间开销上的情况，同时我们重点在于绘制一些图形，然后希望读者能够从图中体会到区别， 需要读者体会的地方都用特别区域标识出来了。请大家注意。 一．什么页面跳转 网站都是由各种各样页面组成，正常情况下A 页面里面包含B 页面，C 页面的链接， 用户在浏览A页面过程中，手工人为点击B链接，然后用户浏览器就显示到B页面。这个 过程我们就可以叫页面跳转。 我们显然不是说这种页面跳转。我们考虑如下场景，一个网站由A，B，C页面构成。 正常他们有他们自己显示内容。随着时间推移，发现 A 页面内容应该同C 页面内容相同， 但是由于A页面已经被大量用户收藏在浏览器的收藏夹中，或者被搜索引擎收录，若是现 在取消A页面的地址（就是取消页面），则对用户是个非常糟糕的事情，但是同时维护两个 页面A 及C又是个麻烦的事情，稍有疏忽就会造成内容不一致，给用户造成困惑，同时搜 索引擎也会不认可。 如何保证A地址不取消，同时又准确保证两个页面显示内容相一致？ 我们今天要解决的是在没有用户干预下的页面跳转，完成当用户需要显示页面 A 时， 我们给他显示页面C的内容。 另外为了说明问题方便，我们同时也假设页面 B 内容也指向内容C，只是采用跳转技 术不一样，这样我们方便区别两种行为的差别。 图1 浏览器访问服务器示意图 如上图中，展示了用户访问服务器获取页面的一个基本过程。图中主要分为两个部分， 左侧区域是用户端， 右侧区域是服务端，用户端的用户通过手机或者电脑或者智能设备访 问服务端页面。 服务端由若干页面构成，这里简化了服务端行为，并且抽象成三个页面A，B，C，正 常情况下服务端应该有很多Action 对象，Action 对象同页面相对应，提供各种服务，我们 仅仅简化Page：A， Page：B， Page：C 用户端就是手机， 包括手机操作操作系统， 网络层（tcp/ip/udp等），http等协议层， 以及浏览器，浏览器内部进行html 的解析，css渲染，js执行引擎等等。 典型用户页面浏览行为如下： 1. 用户启动浏览器 2. 在浏览器地址中输入url地址 3. 浏览器发起http请求 4. 网络层发起tcp请求到服务器，传输http数据包 5. 服务器接收到请求后进行处理，然后返回相关页面内容 6. Tcp接收返回数据给http协议解析系统 7. http将返回数据返回浏览器 8. 浏览器解析html 数据，处理html head 9. 根据head处理后续工作 10. 解析body数据 11. 处理装载事件Onload（已经开始js 的执行，在装入数据过程中已经可以执行一些 js事件，具体要根据页面以及浏览器特性而定） 12. 根据css进行显示，执行js 13. 用户进行后续事情 以上仅仅是典型浏览器行为， 具体浏览器行为同页面内容、浏览器特性等都有关系， 要具体分析。 另一篇文章可供参考“透过httpwatch了解浏览器显示页面的工作过程” 更多内容请访问 二．页面跳转的分类 根据上面的图1，我们可以有如下分类方法： 一）以跳转地点发生系统那一侧分为： � 服务端跳转 页面跳转发生在服务端，服务端负责将实际内容获取，然后发送给客户端，这个情 况下，一般用户不会感觉到跳转的实际行为，因此有些时候我们也不叫做跳转。具体的 服务端跳转行为有很多，各个技术都有各自的特点，例如： Struts2基于注解