HTML页面跳转(重定向)

转载

wx59bdec579ef96 2022-12-01 12:05:11

文章标签 html javascript a标签 文章分类 运维

自从，我在博客上留下自己的QQ对话方式以后，不少的访客都通过QQ联系方，找到我咨询一些问题。如果我看到了都会及时回复，但也有不少人，都会发些莫名其妙的东西过来，再回他的什么事，就不再回答。所以这里要说一句，如果你遇到什么问题，碰巧来的我的博客，可以咨询我一下，但如果你发一些莫名其妙的东西，我就不欢迎了。

昨天有一个通过本博客的QQ，找到我，问了一个关于网址跳转的问题，由于时间的关系，没有详细的给他回答，仿天抽空，就写写关于网址跳转的一些小知识！

HTML网址跳转的解释

HTML网址跳转，就是通过一个网址跳转到另一个网址中去，比如你需要在利用输入A网址的情况下，打开的是B网址的网站，那么A网址到B网址之间的跳转就是网址跳转。（此方法也常用于网站的404页面）

新手必看

昨天遇到问题是，一个网址跳转到QQ空间的网址中去，但是QQ空间对应个人的空间的网址是很长的。如果用域名CNAME方法是不能解析的，这里就用到HTML代码跳转或是JS代码跳转，但一些新手，不懂的HTML或是JS跳转，更有一些不知道有空间，服务器一些东东。

所以本博客会另开一篇文章，说一说服务器空间的那些事！

HTML代码跳转

在HTML页中，可以使用meta标签进入页面的跳转，此方法可以控制跳转的时间，以及自由化的定义跳转的网址

html跳转代码如下

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

复制

代码示图

HTML页面跳转(重定向)_html

代码解释

看上在的代码，meta 标签中有一个content属性，表示打开此页面后，多少秒后开启跳转。还有个URL属性，表示跳转的网址

HTML中A标签跳转

HTML中的A标签也可以看做为页面跳转的一种，只是通过鼠标点击的方式进入跳转

html A标签跳转代码如下

<a href="http://www.feiniaomy.com">飞鸟慕鱼博客</a>

复制

javascript代码跳转

在网页利用jjs也可以实现页面的跳转或定时跳转

JS跳转代码如下

<script language="javascript" type="text/javascript">   
    // 以下方式直接跳转  
    //飞鸟慕鱼博客
    window.location.href = 'https://www.feiniaomy.com/';
    // 五秒以后再跳转
    setTimeout("javascript:location.href='https://www.feiniaomy.com'", 5000);   
</script>

复制

代码示图

HTML页面跳转(重定向)_javascript_02