html如何实现页面跳转-html教程-PHP中文网

html如何实现页面跳转

奋力向前

发布： 2021-09-07 16:29:44

原创

57408人浏览过

跳转方法：1、使用“<a href="网址">文本</a>”；2、使用“<meta http-equiv="refresh" content="秒数;url=网址">”；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">

登录后复制

代码示图

DelphiBBS 2010离线包及总索引精彩问答教程 CHM版

一个专门讨论Delphi的技术论坛，上面高手如云，是国内人气最盛、质量最高的Delphi讨论站。本文件根据该论坛的离线数据包生成，支持全文检索，话题ID检索，并实现了自动换行。由于某些话题正文中的HTML Tag会干扰CHM的生成，所有正文的HTML Tag 已全部转成明文。其中2006年的话题ID：3331380,3538052,3562469,3349720,3357640,3384303由于行数太多, 会使HTML Help Workshop产生非法操作错误，已在生成时删除了n行。

查看详情

微信截图_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