html如何实现页面跳转

会员评分: 5 / 5

点亮的星星点亮的星星点亮的星星点亮的星星点亮的星星
 

跳转方法: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如何实现页面跳转的详细内容,更多请关注其它相关文章!

 
 

 

 

提交评论


安全码
刷新

 

自1996年以来,公司一直专注于域名注册、虚拟主机、服务器托管、网站建设、电子商务等互联网服务,不断践行"提供企业级解决方案,奉献个性化服务支持"的理念。作为戴尔"授权解决方案提供商",同时提供与公司服务相关联的硬件产品解决方案。
 

联系方式

地址:河南省郑州市经五路2号

电话:0371-63520088 

QQ:76257322

网站:800188.com

电邮:该邮件地址已受到反垃圾邮件插件保护。要显示它需要在浏览器中启用 JavaScript。

微信:用企业微信联系