HTML实现页面自动跳转的五种方法_HTML/Xhtml_网页制作
程序员文章站
2022-03-30 07:57:59
...
在上篇文章给大家介绍了HTML页面3秒后自动跳转的三种常见方法,本文继续给大家介绍有关html页面跳转相关知识,一起学习吧。
下面列了五个例子来详细说明,这几个例子的主要功能是:在5秒后,自动跳转到同目录下的hello.html(根据自己需要自行修改)文件。
5
5
5
下面列了五个例子来详细说明,这几个例子的主要功能是:在5秒后,自动跳转到同目录下的hello.html(根据自己需要自行修改)文件。
1)html的实现
复制代码
代码如下:优点:简单
缺点:Struts Tiles中无法使用
2)javascript的实现
复制代码
代码如下:优点:灵活,可以结合更多的其他功能
缺点:受到不同浏览器的影响
3)结合了倒数的javascript实现(IE)
复制代码
代码如下:5
优点:更人性化
缺点:firefox不支持(firefox不支持span、div等的innerText属性)
3 )结合了倒数的javascript实现(firefox)
复制代码
代码如下:4)解决Firefox不支持innerText的问题
复制代码
代码如下:5
5)整合3)和3')
复制代码
代码如下:5
以上通过五个实例是给大家介绍了HTML实现页面自动跳转的五种方法,希望大家喜欢。
推荐阅读
-
网页设计之网页音乐的实现技巧_HTML/Xhtml_网页制作
-
网页设计之网页音乐的实现技巧_HTML/Xhtml_网页制作
-
HTML页面自动跳转的五种方法
-
基于HTML实现表单提交后不刷新页面 _HTML/Xhtml_网页制作
-
圆角矩形的html+css实现代码_HTML/Xhtml_网页制作
-
a标签的name属性和id属性实现页内跳转的方法_HTML/Xhtml_网页制作
-
html 文本框(text)不可用只读的多种实现方法_HTML/Xhtml_网页制作
-
禁止页面缓存的几种方法分享_HTML/Xhtml_网页制作
-
利用HTML实现限制ip的投票网站作弊方案_HTML/Xhtml_网页制作
-
html中iframe控制父页面刷新实现思路及代码_HTML/Xhtml_网页制作