• 技术文章 >web前端 >html教程

    html如何实现页面跳转

    奋力向前奋力向前2021-09-07 17:45:21原创191

    跳转方法: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视频教程

    以上就是html如何实现页面跳转的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:html
    上一篇:html5中怎么实现居中显示图片 下一篇:html5游戏有哪些
    线上培训班

    相关文章推荐

    • 如何用HTML和CSS制作玻璃/模糊效果?• 使用HTML5 SVG绘制各种雪花图案• php怎么剔除html标签• html5 app开发框架有哪些• html5中怎么实现居中显示图片

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网