现在，有两种方法可以实现网页的自动跳转。

(1) 用html自带的<meta>标签(如下)可以实现网页的自动跳转，而且可以控制跳转的延时。

<meta http-equiv="Refresh" content="0;url=http://www.baidu.com">

其中，数字0代表延时尽可能小。

(2) Java Script中的window.location语句也可以实现page redirect。

window.location="http://www.baidu.com";

下面写两个简单的网页，来测试下这两种实现网页跳转的方法的区别。

网页A(1.html)

<HTML>

<HEAD>

<TITLE>Redirection Speed Test</TITLE>

<meta http-equiv="Refresh" content="0;url=http://www.baidu.com">

</HEAD>

<BODY>

<strong>SHOW ME</strong>

<tr/>

<p>If redirection goes slow evidently.</p>

</BODY>

</HTML>

网页B(2.html)

<HTML>

<HEAD>

<TITLE>Redirection Speed Test</TITLE>

<script type="text/javascript">

<!--

window.location="http://www.baidu.com";

//-->

</script>

</HEAD>

<BODY>

<strong>SHOW ME</strong>

<tr/>

<p>If redirection goes slow evidently.</p>

</BODY>

</HTML>

使用浏览器打开上面的两个文件，可以明显的看到，meta标签实现的跳转比较慢，我们可以看到原网页的内容；而js实现的跳转比较快，我们几乎看不到原来网页的内容。

Page Redirect Speed Test的更多相关文章

  1. Server Transfer()和Response.Redirect()的使用

    一.Server Transfer() Server.Transfer:对于当前请求,终止当前页的执行,并使用指定的页url路径来开始执行一个新页. 1. Server.Transfer只能够转跳到本 ...

  2. 三种方法让Response.Redirect在新窗口打开

    通过设置form的target属性同样可以让Response.Rederect所指向的url在新的窗口打开,下面为大家介绍三种具体的实现方法 Response.Rederect在默认情况下是在本页跳转 ...

  3. Response.Redirect在新窗口打开（转载）

    Response.Rederect在默认情况下是在本页跳转,所以除了在js中用window.open或是给A标签添加target属性之外,在后台似乎不能来打开新的页面,其实不然,通过设置form的ta ...

  4. 前端性能监控方案window.performance 调研(转)

    1. 业界案例 目前前端性能监控系统大致为分两类:以GA为代表的代码监控和以webpagetest为代表的工具监控. 代码监控依托于js代码并部署到需监控的页面,手动计算时间差或者使用浏览器的的API ...

  5. nginx---reference

    nginx (pronounced "engine x") is a free open source web server written by Igor Sysoev, a R ...

  6. 【特别推荐】Web 开发人员必备的经典 HTML5 教程

    对于我来说,Web 前端开发是最酷的职业之一,因为你可以用新的技术发挥,创造出一些惊人的东西.唯一的问题是,你需要跟上这个领域的发展脚步,因此,你必须不断的学习,不断的前进.本文将分享能够帮助您快速掌 ...

  7. Play libs

    The play.libs package contains several useful libraries that will help you to achieve common program ...

  8. chrome49 新特性 chrome.org转载

    Transitioning from SPDY to HTTP/2 Thursday, February 11, 2016 Last year we announced our intent to e ...

  9. JQuery时间轴timeline插件的学习-Lateral On-Scroll Sliding with jQuery+technotarek / timeliner

    一.Lateral On-Scroll Sliding with jQuery的使用 View demo      Download source 1. HTML结构 <div id=" ...

随机推荐

  1. OneDrive 开机启动设置失效如何处理？

    问题现象: 『设置里勾选了开机启动onedrive,但是重启电脑勾选就没了,重新勾选没用,一重启就没了』 win10的onedrive无法开机启动 - Microsoft Community 处理方式 ...

  2. 第1天：Django框架简介与工程创建

    Django简介 Django特点 环境搭建 创建工程 启动服务 使用pycharm打开工程 创建子应用 Django简介 Django,是用Python语言写的开源web开发框架,并遵循MVC设计. ...

  3. .Net中的IO

    C#中的IO 本文环境为: Win 10 VS 2015 .net Framework 版本 4.0 File 类 File 类是一个工具类,可以用来判断文件是否存在和方便的创建文件, 读取.写入等操 ...

  4. [leetcode sort]179. Largest Number

    Given a list of non negative integers, arrange them such that they form the largest number. For exam ...

  5. 打开tcp_tw_recycle引起的一次投诉分析

    背景: 我们有个基于oauth2.0协议给第三方授权以及信息的业务,年前对接入层.业务层做了次迁移.业务架构简单介绍下: lvs接入---> nginx ---> tomcat   问题: ...

  6. 【BZOJ 2721】 2721: [Violet 5]樱花 （筛）

    2721: [Violet 5]樱花 Time Limit: 5 Sec  Memory Limit: 128 MBSubmit: 599  Solved: 354 Description Input ...

  7. android 实现 view 滑动

    韩梦飞沙  韩亚飞  313134555@qq.com  yue31313  han_meng_fei_sha 1,通过view 的  滑动到 方法 或者 通过什么滑动  方法 实现.  适合 视图 ...

  8. Html的学习随笔

    在<head>的<style>中定义样式,有#号,比如#header就是定义一种名为header的样式,后面用id=header来调用:而无#号,比如直接就是header,那后 ...

  9. BZOJ5137[Usaco2017 Dec]Standing Out from the Herd

    看了半天题 不知道怎么用SAM维护 于是借(chao)鉴(xi)的一发神犇的 只要判断这个子串之前被标记的记号(也就是他属于第几个串)和这次转移到的是否相同 如果不同就说明该子串属于多个串 直接标记- ...

  10. 模仿JQuery 的添加多个事件的原理

    var jquery=function(dom){ var obj={ ready:function(fn){ if(typeof dom.onload=="function"){ ...