标签:
★利用<meta>实现
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="refresh" content="10;url=http://www.baidu.com">
<!--http-equiv实现页面与http挂钩,content内容设置延时的时间和要跳转的目的链接地址-->
<title>JavaScriptDialog</title>
</head>
<body style="text-align: center;">
<h2>meta实现页面跳转</h2>
<hr/>
<span>实现代码</span>
<mark><meta http-equiv="refresh" content="10;url=http://www.baidu.com"></mark>
<script>
</script>
</body>
</html>
<h2>定时器实现页面跳转</h2>
<small>结合location的replace方法实现不能返回的跳转</small>
<hr/>
<b>
<mark>10秒后跳转到百度首页</mark>
</b>
<br/>
<time id="ShowTime"></time>
<script>
setTimeout("window.location.replace(‘http://www.baidu.com‘)", 10000);
//注意此处使用replace方法,因此当跳转到目的链接之后是通过浏览历史或者前进、后退按钮返回
//此处直接写执行的代码,因此需要用冒号括起来
//*延时10s后跳转到baidu
setInterval(function test() {
var time = document.getElementById(‘ShowTime‘);
time.innerText = new Date().toLocaleTimeString();
}, 1000);
//显示当前时间
//执行代码写成函数,无需用冒号括起来,并且更规范些
</script>
标签:
原文地址:http://www.cnblogs.com/Jener/p/5938908.html