HTML页面跳转的几种方法

  • A+
所属分类:博客日记

HTML网址跳转的解释

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

新手必看

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

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

HTML代码跳转

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

html跳转代码如下

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

代码解释

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

HTML中A标签跳转

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

html A标签跳转代码如下

  1. <a href="http://www.mtboke.com">麦屯博客</a>

 javascript代码跳转

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

JS跳转代码如下

  1. <script language="javascript" type="text/javascript">
  2.  // 以下方式直接跳转
  3.  //麦屯博客 
  4. window.location.href = 'https://www.mtboke.com/';
  5.  // 五秒以后再跳转 
  6. setTimeout("javascript:location.href='https://www.mtboke.com'"5000);
  7. </script>

网址CNAME解析跳转

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

举例说明

比如我想把 123.234.com域名解析到https://www.mtboke.com域名上,如下图所示

HTML页面跳转的几种方法

主机为当前要解析的域名,指向为要跳转到的域名,记录类型为CNAME,大家可以参考上图进行域名解析!

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

服务器端设置301跳转

绑定域名之后,也可以利用服务器的重定向功能进行301跳转,设置如下:

HTML页面跳转的几种方法

演示的是宝塔面板,功能很多,大家可以尝试一下。

图片引用自网络