爱丝

 找回密码
 网站注册
查看: 533|回复: 1

HTML页面跳转的5种方法

[复制链接]
排名
36
昨日变化
发表于 2016-3-21 20:55:12 | 显示全部楼层 |阅读模式
下面列了五个例子来详细说明,这几个例子的主要功能是:在5秒后,自动跳转到同目录下的http://www.141545.com(根据自己需要自行修改)文件。
1) html的实现
  1. <head>
  2. <!-- 以下方式只是刷新不跳转到其他页面 -->
  3. <meta http-equiv="refresh" content="10">
  4. <!-- 以下方式定时转到其他页面 -->
  5. <meta http-equiv="refresh" content="5;url=http://www.141545.com">
  6. </head>
复制代码
优点:简单
缺点:Struts Tiles中无法使用


2) javascript的实现
  1. <script language="javascript" type="text/javascript">
  2. // 以下方式直接跳转
  3. window.location.href='http://www.141545.com';
  4. // 以下方式定时跳转
  5. setTimeout("javascript:location.href='http://www.141545.com'", 5000);
  6. </script>
复制代码
优点:灵活,可以结合更多的其他功能
缺点:受到不同浏览器的影响
3) 结合了倒数的javascript实现(IE)
  1. <span id="totalSecond">5</span>
  2. <script language="javascript" type="text/javascript">
  3. var second = totalSecond.innerText;
  4. setInterval("redirect()", 1000);
  5. function redirect(){
  6. totalSecond.innerText=--second;
  7. if(second<0) location.href='http://www.141545.com';
  8. }
  9. </script>
复制代码


优点:更人性化
缺点:firefox不支持(firefox不支持span、div等的innerText属性)
3') 结合了倒数的javascript实现(firefox)


  1. <script language="javascript" type="text/javascript">
  2. var second = document.getElementById('totalSecond').textContent;
  3. setInterval("redirect()", 1000);
  4. function redirect()
  5. {
  6. document.getElementById('totalSecond').textContent = --second;
  7. if (second < 0) location.href = 'http://www.141545.com';
  8. }
  9. </script>
复制代码
4) 解决Firefox不支持innerText的问题
  1. <span id="totalSecond">5</span>
  2. <script language="javascript" type="text/javascript">
  3. if(navigator.appName.indexOf("Explorer") > -1){
  4. document.getElementById('totalSecond').innerText = "my text innerText";
  5. } else{
  6. document.getElementById('totalSecond').textContent = "my text textContent";
  7. }
  8. </script>
复制代码
5) 整合3)和3')
  1. <span id="totalSecond">5</span>

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

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

  9. setInterval("redirect()", 1000);
  10. function redirect() {
  11. if (second < 0) {
  12.     location.href = 'http://www.141545.com';
  13. } else {
  14.     if (navigator.appName.indexOf("Explorer") > -1) {
  15.         document.getElementById('totalSecond').innerText = second--;
  16.     } else {
  17.         document.getElementById('totalSecond').textContent = second--;
  18.     }
  19. }
  20. }
  21. </script>
复制代码

楼主热帖
[资源区] [PANS写真]2016.06.12 NO.601 小颖[1V25+1P
[资源区] 《Playboy》杂志PDF(1953-2012)合集+2015
[资源区] 黑丝爱第186期免费下载 只叹美人独处,留乱
[美图区] [TGOD推女神]2016.06.01 鹿小白Bum[40+1P80
[电影游戏] [准高清] [美国][动画/喜剧][疯狂动物城
[网赚区] 参加活动全部返还, 159包邮的婓讯千兆路由
[杂谈区] 2月22日更新 固件图文斐讯PSG1208 K1刷机視
[杂谈区] 平平坦坦的生活照 尾部有福利
[美图区] [TGOD 推女神] 2016.03.05 沈梦瑶_G-cat ‘
[资源区] 黑丝爱第156期免费下载-heisiai-NO.156 fre
[电影游戏] 道士下山 2.5G Monk.Comes.Down.The.Mou
[资源区] [Ugirls 尤果网] 2016.04.21 No.172 尤果网



最近访问 !imagelist! !namelist!

论坛默认解压密码:www.141545.com 或者 1024 如果附件地址下载失效,请私信通知版主补充!

赞助会员特权:全站无广告,免爱心下载,专属域名。下载不扣金币,账号永久保存不被封。

充值方式: 爱心充值 | 一年赞助会员购买 | 永久赞助会员购买 | 钻石会员购买 | 购买教程

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 网站注册

本版积分规则

Archiver|小黑屋|地图|地图|地图|AiSi Studio.

GMT+8, 2016-12-6 20:10 , Processed in 0.086712 second(s), 20 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表