页面自动跳转的几种方式

来源：互联网发布：python product 函数编辑：程序博客网时间：2024/05/13 03:20

原理说明
           1. DOM 函数
               setTimeout
                   setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。
               setTimeout(code,millisec)
                   code   必需。要调用的函数后要执行的 JavaScript 代码串。
                   millisec   必需。在执行代码前需等待的毫秒数。

                   setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。

               setInterval
                   setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。
                   setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
               setInterval(code,millisec[,"lang"])
                   code   必需。要调用的函数或要执行的代码串。
                   millisec   必须。周期性执行或调用 code 之间的时间间隔，以毫秒计。

           2.HTML meta refresh
               refresh出现在http-equiv属性中，使用content属性表示刷新或跳转的开始时间与跳转的网址

实现方式setTimeout<script type="text/javascript"> //3秒钟之后跳转到指定的页面 setTimeout(window.location.href='http://www.daimajiayuan.com',3); </script> setInterval<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>js定时跳转页面的方法</title> </head> <body> <script type="text/javascript"> var t=10;//设定跳转的时间 setInterval("refer()",1000); //启动1秒定时 function refer(){  if(t==0){      location="http://www.daimajiayuan.com/sitejs-17251-1.html"; //#设定跳转的链接地址 } document.getElementById('show').innerHTML=""+t+"秒后跳转到代码家园"; // 显示倒计时 t--; // 计数器递减 //本文转自： } </script> <span id="show"></span> </body> </html> HTML meta refresh<!doctype html><html><head><meta charset="utf-8"><title>前端笔记</title><meta http-equiv="refresh" content="3;url=http://www.cssue.com/"></head><body></body></html>

0 0