网页自动跳转/定时跳转/重定向功能的设置

  在一些情况下,我们会希望自己的某条链接打开之后自动跳转到另一个页面去,比如:

情景1:原有链接所指网站停用,访问用户被重定向到其他替代网页;

情景2:设置欢迎页,订单提交成功页等信息展示页面,延时跳转到接下来的逻辑页面;

情景3:希望发送自己域名的地址显示他人的页面;

情景4:用于页面的定时刷新;

等等

  HTML在head中的mate标签提供了自动跳转的方式,设置非常简单

<meta http-equiv="refresh" content="延时时间(s);url=http://目标地址">

   比如希望迅速跳转到博客园首页

<meta http-equiv="refresh" content="0.1;url=https://www.cnblogs.com/">

   如果希望欢迎页延时跳转到首页,把content的值设置的大一点就行了。

  所有主流浏览器都支持 http-equiv 属性。

  refresh更多应用于一些需要定时刷新页面的网页,如聊天室之类。

  应该慎重使用,因为它会使得页面不受用户控制。在 W3C‘s Web 内容可访问性指南 中使用 "refresh" 会到导致失败。

时间: 2024-12-15 17:20:52

网页自动跳转/定时跳转/重定向功能的设置的相关文章

response对象处理HTTP文件头(禁用缓存、设置页面自动刷新、定时跳转网页)

response对象处理HTTP文件头 制作人:全心全意 禁用缓存 在默认情况下,浏览器将会对显示的网页内容进行缓存.这样,当用户再次访问相关网页时,浏览器会判断网页是否有变化,如果没有变化则直接显示缓存中的内容,这样可以提高网页的显示速度.对于一些安全性要求较高的网站,通常需要禁用缓存. 通过设置HTTP头的方法实现禁用缓存: <% response.setHeader("Cache-Control", "no-store"); response.setDa

js实现页面跳转,纯html实现网页定时跳转

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>     <title>登陆页面</title>

5种常见网页自动跳转方法

网页自动跳转,是指当用户访问某个网页时,被自动跳转到另一个网页中去.网页自动跳转的主要作用是,当域名变更后,或者网站里的一个或多个网页被删除后,可以使用这种方式将用户引导到其它正常的网页中去,从而留住用户.不过,现在有许多人利用网页自动跳转来进行作弊,欺骗搜索引擎,从而实现提高网站搜索引擎排名的目的.比较典型的方式是:先做一个“桥页”,当搜索引擎收录了这个桥页,并有较高排名时,桥页中再使用网页自动跳转方式,将用户引导到用户本来无意访问的其它网页中去.下面介绍一下五种常见的网页自动跳转方法,以及搜

网页自动跳转方法整理

现在公司推广业务碰到一些,大量客户需要将推广落地页设为自己了网址,开始帮几个业务人员制作了一个简单的自动跳转的HTML的网页,解决了客户的问题.虽然简单,用得人多了没有时间手动制作一个个制作,写了个简单的在线生成HTML网页自动跳转的工具供他们用,终于省心了. 顺便整理了下网页自动跳转方法 一.HTML实现网页自动跳转 <head> <!-- 以下方式只是刷新不跳转到其他页面 --> <meta http-equiv="refresh" content=&

JS实现倒计时网页自动跳转(如404页面经常使用到的)

在web前端设计中,我们经常会遇到需要实现页面倒计时跳转的功能,例如在404页面中也会经常使用到此功能,那么如何实现呢,其实实现方法很简单,实现代码如下:<title>JS倒计时网页自动跳转代码</title> <script language="JavaScript" type="text/javascript"> function delayURL(url) { var delay = document.getElementB

三种简单的html网页自动跳转方法

三种简单的html网页自动跳转方法,可以让你在打开一个html网页时自动跳转到其它的页面. 方法/步骤 <html> <head> <title>正在跳转</title> <meta http-equiv="Content-Language" content="zh-CN"> <meta HTTP-EQUIV="Content-Type" CONTENT="text/ht

JS倒计时网页自动跳转代码

<title>JS倒计时网页自动跳转代码</title> <script language="JavaScript" type="text/javascript"> function delayURL(url) { var delay = document.getElementById("time").innerHTML; if(delay > 0) { delay--; document.getElem

自制通过html网页自动跳转代码跳转页面

建设网站时,我们经常会遇到需要跳转页面的情况,例如我们的网站分中英文版本,网站程序索引页不是直接放在根目录下,而是分别放在"en"和"cn"目录中区分中英版本,打开网站时,想直接跳转到en目录访问英文版,则需要使用跳转代码跳转后方可以访问.下面我们看一下如何通过html代码跳转页面. <!DOCTYPE html> <html lang="en"> <head> <meta charset="U

[转]js实现页面定时跳转

其实很简单的一件事情,使用js提供的setTimeout()函数则可以完成了. 下面是简单的代码实现: [html] view plaincopy <html> <head></head> <body> <h1>提交成功</h1> <a href="http://www.so.com">3秒后系统会自动跳转,也可点击本处直接跳</a> </div></div><