实现网页跳转常用的几种方法

页面跳转,主要是指当访问某个页面的时候,会自动转向到另一个页面。这一功能常用于域名变更或显示某些信息,如登陆成功,修改密码成功等等,之后自动转向到另一个页面。今天总结了几种页面跳转的方法,分别是用meta标签、javascript和php实现的。

一、meta标签实现
1、以下方式只是刷新不跳转到其他页面。

<meta http-equiv="refresh" content="10">

2、以下方式在当前页面停留2秒后跳转到目标页面。

<meta http-equiv="refresh" content="2;url=http://jishukong.net">

二、Javascript实现
1、以下方式直接跳转,最为常用。

<script language="javascript" type="text/javascript">
window.location.href = "http://jishukong.net";
</script>

2、以下方式也是直接跳转,较为简洁。

<script language='javascript'>location.replac("http://jishukong.net")
</script>

3、以下方式为定时跳转。

<script language="javascript" type="text/javascript">
setTimeout("javascript:location.href='http://jishukong.net'", 5000);
</script>

4、以下这种方式最为人性化,添加了倒计时显示。
HTML代码:

<span id="totalSecond">5</span>

JS代码:

<script language="javascript" type="text/javascript">
var second = document.getElementById('totalSecond').textContent;

if (navigator.appName.indexOf("Explorer") > -1) {
second = document.getElementById('totalSecond').innerText;
} else {
second = document.getElementById('totalSecond').textContent;
}

setInterval("redirect()", 1000);
function redirect() {
if (second < 0) { location.href = 'http://jishukong.net'; } else { if (navigator.appName.indexOf("Explorer") > -1) {
document.getElementById('totalSecond').innerText = second--;
} else {
document.getElementById('totalSecond').textContent = second--;
}
}
}
</script>

三、php实现

<?php
header("Location: http://jishukong.net");
?>

 
目前共有1条评论
你目前的身份是游客,评论请输入昵称和电邮!

  1. 学习了!
    360社团 2014.12.26 16:02 @
  • 暂无Trackback