HTML页面跳转(重定向)

╄→гoц情女王★ 提交于 2020-03-04 12:24:13

原文地址:https://www.feiniaomy.com/post/196.html

自从,我在博客上留下自己的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页面跳转(重定向)

代码解释

看上在的代码,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页面跳转(重定向)

网址CNAME解析跳转

我们在解析域名的时间,也可以通过CNAME解析的方式,进入域名的跳转

举例说明

比如我想把  mochu.502la.com域名解析到feiniaomy.com域名上,如下图所示

HTML页面跳转(重定向)

这里的解析方式,以阿里域名的解析为例。主机记录为当前要解析的域名,记录值为要跳转到的域名,记录类型为CNAME,大家可以参考上图进行域名解析!

说明:域名CNAME类型解析的时候,记录值为顶级域名,或是二级域名的形式,其它格式无效果!

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!