登陆 注册
慈众易博»交流论坛 › 易博网络营销推广互动分享区 › IT技术资讯 › 五种方法实现网页自动跳转功能
发布主题

[[IT知识]] 五种方法实现网页自动跳转功能

[复制链接]
查看: 36|回复: 0
发表于 2025-2-1 09:35:18 | 显示全部楼层 | 阅读模式
易博V9下载

五种方法实现网页自动跳转功能

下面列了五个例子来详细说明，这几个例子的主要功能是：在5秒后，自动跳转到同目录下的hello.html（根据自己需要自行修改）文件。

1) html的实现

  2. <head>;
  3. <!-- 以下方式只是刷新不跳转到其他页面 -->;
  4. <meta http-equiv="refresh" content="10">;
  5. <!-- 以下方式定时转到其他页面 -->;
  6. <meta http-equiv="refresh" content="5;url=hello.html">;
  7. </head>;
复制代码

优点：简单

缺点：Struts Tiles中无法使用

2) JavaScript的实现

  2. <script language="javascript" type="text/javascript">;
  3. // 以下方式直接跳转
  4. window.location.href='hello.html';
  5. // 以下方式定时跳转
  6. setTimeout("javascript:location.href='hello.html'", 5000);
  7. </script>;
复制代码

优点：灵活，可以结合更多的其他功能

缺点：受到不同浏览器的影响

3) 结合了倒数的javascript实现（IE）

  2. <span id="totalSecond">;5</span>;
  3. <script language="javascript" type="text/javascript">;
  4. var second = totalSecond.innerText;
  5. setInterval("redirect()", 1000);
  6. function redirect(){
  7. totalSecond.innerText=--second;
  8. if(second<0) location.href='hello.html';
  9. }
  10. </script>;
复制代码

优点：更人性化

缺点：firefox不支持（firefox不支持span、div等的innerText属性）

3') 结合了倒数的javascript实现（firefox）

  2. <script language="javascript" type="text/javascript">;
  3. var second = document.getElementById('totalSecond').textContent;
  4. setInterval("redirect()", 1000);
  5. function redirect()
  6. {
  7. document.getElementById('totalSecond').textContent = --second;
  8. if (second < 0) location.href = 'hello.html';
  9. }
  10. </script>;
复制代码

4) 解决Firefox不支持innerText的问题

  2. <span id="totalSecond">;5</span>;
  3. <script language="javascript" type="text/javascript">;
  4. if(navigator.appName.indexOf("Explorer") >; -1){
  5. document.getElementById('totalSecond').innerText = "my text innerText";
  6. } else{
  7. document.getElementById('totalSecond').textContent = "my text textContent";
  8. }
  9. </script>;
复制代码

5) 整合3)和3')

  2. <span id="totalSecond">;5</span>;
  3. <script language="javascript" type="text/javascript">;
  4. var second = document.getElementById('totalSecond').textContent;
  5. if (navigator.appName.indexOf("Explorer") >; -1) {
  6. second = document.getElementById('totalSecond').innerText;
  7. } else {
  8. second = document.getElementById('totalSecond').textContent;
  9. }
  10. setInterval("redirect()", 1000);
  11. function redirect() {
  12. if (second < 0) {
  13. location.href = 'hello.html';
  14. } else {
  15. if (navigator.appName.indexOf("Explorer") >; -1) {
  16. document.getElementById('totalSecond').innerText = second--;
  17. } else {
  18. document.getElementById('totalSecond').textContent = second--;
  19. }
  20. }
  21. }
  22. </script>;
复制代码
totalSecond, getElementById, second, document, innerText
易博软件介绍
回复

使用道具 举报

返回列表
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

■1、请认真发帖，禁止回复纯表情，纯数字等无意义的内容！帖子内容不要太简单!
■2、提倡文明上网，净化网络环境！抵制低俗不良违法有害信息。
■3、如果你对主帖作者的帖子不屑一顾的话，请勿回帖。谢谢合作！
■3、问答求助区发帖求助后，如有其他用户热心帮您解决问题后，请自觉点击设为最佳答案按钮。
 
 
QQ在线客服
QQ技术支持
工作时间：
8:00-18:00
软著登字：
1361266号
官方微信扫一扫
weixin

新手

软件介绍 教程中心 软件下载

使用

疑难求助 脚本下载 更新记录

会员

开通VIP 充值交易币 兑换下载币

软件简介

易博是一款简单高效的网络推广发帖神器，一站式自动化 脚本编写系统。软件内置WEB自动化核心、多线程POST核心、安卓自动化核心、GUI窗口应用自动化核心，可以实现Windows平台下一切应用的自动化操作。全网络覆盖，全网站支持，真正万能的网站信息自动发布工具、简单高效的自动化脚本编写系统，是专业网络营销人员的核武器。

QQ|小黑屋|Archiver|慈众营销 ( 粤ICP备15049986号 )|网站地图

自动发帖软件 | 自动发帖器 | 营销推广软件 | 网络营销工具 | 网络营销软件 | 网站推广工具 | 网络推广软件 | 网络推广工具 | 网页推广软件 | 信息发布软件 | 网站推广工具 | 网页推广软件

Powered by Discuz! X3.4   © 2012-2020 Comsenz Inc.  慈众科技 - Collect from 深圳吉宝泰佛文化有限公司 公司地址：罗湖区黄贝街道深南东路集浩大厦A1403

返回顶部 返回列表