首页 > html > faq > 16.html网页自动跳转

16.html网页自动跳转

网页中有些过度页面,需要等待几秒后跳转到另外一个页面.这个时候就用到了网页自动跳转的功能.有2种常用的网页跳转实现方式.

1 html在head头部里加入meta标签

html示例代码:

<head>
    <meta http-equiv="refresh" content="3;url=http://dashidan.com/">
</head>
  • content

content 后边的参数"3;url=http://dashidan.com/"是一个整体.如果分开设置的话自动跳转无效. 设置在当前页面停留时间,单位为秒.url设置将要跳转到的页面路径.3秒后自动跳转到其他页面http://dashidan.com/.

推荐采用这种方式, 这个是最简单的实现页面延迟跳转方式, 而且浏览器都兼容.

2 用js实现自动跳转页面

需要浏览器开启javascript功能才能正常运行.自动跳转页面javascript代码示例:

js示例代码:

<html>
  <script language=javascript>
      setTimeout('window.location="http://dashidan.com/"',3000)
  </script>
</html>
  • setTimeout

这个是js的延迟执行方法, 里面有2个参数, 第一个参数表示执行的方法, 第二个参数是延迟执行的时间, 单位毫秒.

  • window.location

指定跳转到的页面, 后面的参数3000表示3秒后执行.

转载请保留原文链接.