html meta标签实现页面跳转

refresh用于刷新与跳转(重定向)页面
 refresh出现在http-equiv属性中,使用content属性表示刷新或跳转的开始时间与跳转的网址

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="refresh" content="5;url=http://www.w3school.com.cn">
    <title>Title</title>
    <script type="text/javascript">
        window.onload = function () {
            var i = 4;
            var tim = document.getElementById("timers");
            var timer = setInterval(function () {
                if (i == -1) {
//                    window.location.href="http://blog.csdn.net/kill_bugs";
                    clearInterval(timer);
                } else {
                    tim.innerHTML = i;
                    --i;
                }
            }, 1000);

        }
    </script>
</head>
<body>
<p>
    对不起。我们已经搬家了。您的 URL 是 <a href="http://www.w3school.com.cn">http://www.w3school.com.cn</a>
</p>

<p>您将在 <span class="timeShow" id="timers">5</span> 秒内被重定向到新的地址。</p>

<p>如果超过 5 秒后您仍然看到本消息,请点击上面的链接。</p>
</body>
</html>

  

原文地址:https://www.cnblogs.com/ycg-myblog/p/10280572.html

时间: 2024-10-06 02:26:47

html meta标签实现页面跳转的相关文章

很实用的html meta标签实现页面跳转

就算你是有很多年开发经验的web开发工程师,有着很多web开发经验,对于先进的web开发技术有着很深刻的研究,然而你却忽略了那些最最基础的东西!现在我来问你,你是否对html所有的标签都能熟练的使用呢?是否能恰当的使用每个html标签以达到最优化的效果呢?下面崔世瑞来教你一个被很多资深web开发工程师所忽略的知识点,如何用html的方式实现页面跳转: refresh用于刷新与跳转(重定向)页面 refresh出现在http-equiv属性中,使用content属性表示刷新或跳转的开始时间与跳转的

取消a标签的页面跳转

如果代码是:<a href="#" class="juan-btn" onclick="showResult()">提交</a> 则显示出来还是多少有点问题的,所以正确的代码如下: <a href="javascript:void(0);" class="juan-btn" onclick="showResult()">提交</a>

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>

页面跳转与重定向

前言 html ,js 可以实现页面跳转. jsp , asp, php 也有各自页面跳转与重定向的方式. 下文针对js 和jsp 的页面跳转实现方式进行一个总结. html 页面跳转方式 可以使用html 的meta 标签实现页面的跳转. <!--Add by oscar999--> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD>

HTML页面meta标签内容详解

所有的浏览器都支持meta标签,用于提供页面相关信息,信息都是以名(http-equiv和name标示)/值(content标示)对的形式现实. 属性content,用于定义http-equiv(定义http头部信息,服务器向浏览器提供的信息)和name(指定网页信息的相关的名称)相关的信息: http-equiv就是在HTTP头部指定了一些服务器返回给浏览器的有用信息 <meta http-equiv="参数" content="参数变量值"> 属性

手机页面中的meta标签

以前看书的时候,觉得meta标签就只有一个charset对于我来说是有用的.前段时间有个学弟让我写个手机版的网页,我才知道原来meta标签有那么多学问. meta指元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词. 标签位于文档的头部,不包含任何内容. 标签的属性定义了与文档相关联的名称/值对. meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制

HTML meta refresh 刷新与跳转(重定向)页面

apache做转发使其定义到自己项目的根目录下 修改apache的配置文件httpd.conf: 找到下面一段去掉前面的#号 Include conf/extra/httpd-vhosts.conf 修改httpd-vhosts.conf文件 <VirtualHost *:80>     ServerAdmin [email protected]     DocumentRoot "D:\tomcat\webapps\ceshi"     ServerName www.ce

被忽视的META标签之特效(页面过渡效果)

在web设计中使用js可以实现很多的页面特效,然而很多人却忽视了HTML标签中META标签的强大功效,其实meta标签也可以实现很多漂亮的页面过渡效果. META标签是HTML语言HEAD区的一个辅助性标签,Meta 标签放在每个网页的<head>...</head> 中间,我们大家比较熟悉的如: <meta name="GENERATOR" content="Microsoft FrontPage 3.0">//说明编辑工具:

&lt;a&gt;标签点击跳转页面不刷新的问题

作为一位前端新手,刚接触移动端开发不久,遇到的问题真的是一个接着一个... 前面写好了几个页面,今天试着将各个页面的链接打通,然后问题就来了...(╯︵╰) 这里看一下原来想要实现的两个页面跳转的效果--点击图一标注的栏目可以跳转到一个新的页面图二... 按照之前写a标签的跳转链接那样,直接输入相对路径,然后测试~ 页面跳转后出来的是图三,样式都没了???刷新看看,然后图二就出来了! 以为是浏览器反应慢的原因,然后拿其他页面做同样的测试,结果也是这样..... 然后试着不要SUI框架直接写个简单