微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

html如何实现页面跳转

跳转方法:1、使用“<a href=网址>文本</a>”;2、使用“<Meta http-equiv=refresh content=秒数;url=网址>”;3、使用“window.location.href = '网址';”。

本教程操作环境:windows7系统、html5版,DELL G3电脑。

实现页面跳转方法

1、HTML中A标签跳转

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

A标签跳转代码如下

<a href=http://www.feiniaomy.com></a>

2、Meta标签页面跳转

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

html跳转代码如下

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

代码示图

微信截图_20210907164224.png

代码解释

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

3、javascript代码跳转

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

JS跳转代码如下

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

代码示图

微信截图_20210907164629.png

推荐学习:Html视频教程

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。