页面跳转的两种实现方法

zoukankan html css js c++ java

页面跳转的两种实现方法
★利用<meta>实现

参考代码
<!DOCTYPE html>

<htmllang="en">

<head>

<metacharset="UTF-8">

<metahttp-equiv="refresh"content="10;url=http://www.baidu.com">



<title>JavaScriptDialog</title>

</head>

<bodystyle="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/>

<timeid="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 =newDate().toLocaleTimeString();

},1000);

//显示当前时间

//执行代码写成函数，无需用冒号括起来，并且更规范些

</script>
来自为知笔记(Wiz)
从零到现在，一路走来，感谢众多无私的知识分享者，我愿意为你们接下一棒！
查看全文

相关阅读:
关于C#登录三层
 SQL 语句关于分页的写法
 C# 如何去掉button按钮的边框线
 20151220
继承
 对象的旅行
 多态
 封装
 OO大原则
 javascript

原文地址：https://www.cnblogs.com/Jener/p/5938908.html