你好,欢迎访问我的博客!登录 评论排行榜 领券购物 免责声明 投稿本站 本站主题
当前位置:首页 - 笔记 - Web前端 - 正文 代码,改变世界!

HTML页面跳转(重定向)

2018-07-24Web前端墨初194°c
A+ 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页面跳转(重定向)

代码解释

看上在的代码,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类型解析的时候,记录值为顶级域名,或是二级域名的形式,其它格式无效果!

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
HTML页面跳转(重定向)

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章

发表评论

选填

必填

必填

选填

请拖动滑块解锁
>>


  用户登录