html5如何写跳转页面跳转,HTML页面跳转的5种方法
html5.jpg
下面列了五个例子来详细说明,这几个例子的主要功能是:在5秒后,自动跳转到同目录下的hello.html(根据自己需要自行修改)文件。
1)html的实现
优点:简单
缺点:Struts Tiles中无法使用
2) javascript的实现
// 以下方式直接跳转
window.location.href='hello.html';
// 以下方式定时跳转
setTimeout("javascript:location.href='hello.html'", 5000);
优点:灵活,可以结合更多的其他功能
缺点:受到不同浏览器的影响
3) 结合了倒数的javascript实现(IE)
5
var second = totalSecond.innerText;
setInterval("redirect()", 1000);
function redirect(){ totalSecond.innerText=--second;
if(second<0) location.href='hello.html'; }
优点:更人性化
缺点:firefox不支持(firefox不支持span、div等的innerText属性)
3') 结合了倒数的javascript实现(firefox)
var second = document.getElementById('totalSecond').textContent;
setInterval("redirect()", 1000);
function redirect() {
document.getElementById('totalSecond').textContent = --second;
if (second < 0)
location.href = 'hello.html';
}
4) 解决Firefox不支持innerText的问题
5
if(navigator.appName.indexOf("Explorer") > -1){
document.getElementById('totalSecond').innerText = "my text innerText";
} else{
document.getElementById('totalSecond').textContent = "my text textContent";
}
5) 整合3)和3')
5
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 = 'hello.html';
} else {
if (navigator.appName.indexOf("Explorer") > -1) {
document.getElementById('totalSecond').innerText = second--;
} else {
document.getElementById('totalSecond').textContent = second--;
} } }
html5如何写跳转页面跳转,HTML页面跳转的5种方法相关推荐
- 页面中如何引用外部的HTML(四种方法)
页面中如何引用外部的HTML(四种方法) 一.总结 一句话总结:a.iframe标签 b.ajax引入代码片段 c.link import的方法导入 d.re ...
- slam十四讲-ch6-非线性优化(包含手写高斯牛顿、使用g2o库、使用ceres库三种方法的源码详细注释)
一.自写高斯-牛顿法 该程序是要进行一个非线性优化,对非线性函数的系数进行优化 y=exp(ax2+bx+c) 给定初始的系数 ae,be,ce(估计的) ar,br,cr(真实的) 源码如下: // ...
- java openurl不弹出新页面_Java调用浏览器打开指定页面的5种方法(最全)
package com.xbz; import java.awt.*; import java.lang.reflect.Method; import java.net.URI; import jav ...
- html5打开word文档结构,word怎样设置文档结构图的两种方法
当我们编辑数据文字量巨大的文档的时候,我们需要把握整个文档的脉络,对整篇文档进行修改.这就需要我们运用文档结构图快速定位文档.那么下面就由学习啦小编给大家分享下word文档设置文档结构图的技巧,希望能 ...
- 写一个函数返回参数二进制中 1 的个数(三种方法)
1.运用了除法,取余方式递推出结构 2.运用右移符(>>)运算 3.利用算术与(&)运算 三种方法效率越来越高,减少成本 #include<stdio.h>int Nu ...
- 易语言写组合框内容MySQL_易语言组合框赋值的几种方法
在易语言中,给组合框赋值就是给组合框加上许多项目,这些项目我们可以通过编写源代码的时候就事先修改设置好它,同样我们也可以通过后期使用时让代码来修改它,今天就教大家事先给组合框赋值和事后给组合框赋值的两 ...
- Django 后台admin管理页面添加简易导出/下载数据功能的两种方法
在Django中有时候需要在后台界面需要用到导出数据的功能,对于功能要求比较高的可以直接使用Import_Export库来完成.但是对于一些简单的数据导出,可以直接自定义一些简单的函数来实现导出数据. ...
- 一只青蛙一次可以跳一级或二级台阶,请问跳n级台阶有多少次跳法之斐波那契数列的非递归写法
对于这个问题 前三次都好算分别为1,2,3次,后面多的话不好简单计算 当第n级台阶时,因为青蛙只能跳一级或二级台阶,所以第n级只有两种方法跳过来, 即,从前一级(n-1)或前两级(n-2),所以调到这 ...
- 动态页面静态化之页面静态化方案
动态页面静态化之页面静态化方案 --------- 在大型网站中,访问者看到的页面基本上是静态页面.为什么都要把页面静态化呢? 把页面静态化,好处有很多.例如:访问速度快,更有利于搜索引擎收录等.目前 ...
- [Arduino]烧写Arduino BootLoader的几种方法
[Arduino]烧写Arduino BootLoader的几种方法 身为Arduino 电子工程师,很多时候都会涉及到自制各种功能的Arduino 电路板(亦或者说是功能扩展板),但是从网上或者其他 ...
最新文章
- linux每天进步一点点-7月3日
- 比较.ASP.NET中Application,Session,Cookie,ViewState和Cache
- Java深度历险(五)——Java泛型
- Decode Ways leetcode java
- 兔子生崽问题编程_贵阳在哪里可以学到好的少儿编程
- 程序人生:搜索引擎被禁用,你还会写代码吗?
- 蜗蜗 Linux内核芬妮下,201402 - 蜗窝科技
- 最常用的两种C++序列化方案的使用心得(protobuf和boost serialization)
- Cesium颜色调整
- Ubuntu配置Typora和picgo
- Linux学习笔记(6)
- javahost:使用虚拟DNS省掉开发环境配置hosts文件
- 现在动手,建立你的灾备系统
- Asp.net web服务处理程序(第六篇)
- nyoj素数环(dfs)
- Android Bottom Sheet详解
- 管道的故事(一)管道的故事
- adb命令——adb命令大全
- python函数的入参和传参
- vue3中使用elementui组件