首页 > web前端 > html教程 > html如何实现页面跳转

html如何实现页面跳转

奋力向前
发布: 2023-01-07 11:47:31
原创
55721 人浏览过

跳转方法:1、使用“文本”;2、使用“”;3、使用“window.location.href = '网址';”。

html如何实现页面跳转

本教程操作环境: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 = &#39;https://www.feiniaomy.com/&#39;;
    // 五秒以后再跳转
    setTimeout("javascript:location.href=&#39;https://www.feiniaomy.com&#39;", 5000);   
</script>
登录后复制

代码示图

微信截图_20210907164629.png

推荐学习:Html视频教程

以上是html如何实现页面跳转的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板