站长资讯网
最全最丰富的资讯网站

html5篇:实现页面跳转的5种方式(代码分享)

之前的文章《一招教你使用css给HTML字体添加背景图》中,给大家介绍了怎样使用css给HTML字体添加背景图的方法。下面本篇文章给大家介绍使用html5怎么实现页面跳转的方法,有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所助。

html5篇:实现页面跳转的5种方式(代码分享)

下面列了五个例子来详细说明,这几个例子的主要功能是:在5秒后,自动跳转到同目录下的hello.html(根据自己需要自行修改)文件。

1、html的实现

<head> <!-- 以下方式只是刷新不跳转到其他页面 --> <meta http-equiv="refresh" content="10"> <!-- 以下方式定时转到其他页面 --> <meta http-equiv="refresh" content="5;url=hello.html">  </head>

优点:简单
缺点:Struts Tiles中无法使用

2、 javascript的实现

<script language="javascript" type="text/javascript">  // 以下方式直接跳转 window.location.href='hello.html'; // 以下方式定时跳转 setTimeout("javascript:location.href='hello.html'", 5000);  </script>

优点:灵活,可以结合

赞(0)
分享到: 更多 (0)