HTML页面如何实现3秒之后自动跳转

PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者醉折花枝作酒筹，侵删。

本篇文章给大家介绍HTML页面实现3秒之后自动跳转的方式。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

方法1：

最简单的一种：直接在前面<head>里面添加代码：

1

2

<meta http-equiv="refresh" content="3;URL=res.html">

//3秒之后自动跳转到res.html，两个属于同一文件下面，要是需要跳转到jsp页面，就需要在url里面填写url地址――――（浏览器的地址栏里面写入的数据，如：http://localhost:8080/TestDemo/1.jsp）

方法2：

需要用到window里面的方法：

setTimeout经过指定毫秒值后计算一个表达式。

例子：

1

window.setTimeout("alert('Hello, world')", 1000);

这个是写在js代码里面的；

具体实现如下：

1

2

3

4

5

6

7

8

9

10

11

12

<script type="text/javascript">

        onload=function(){    

        <span style="white-space:pre">               

        </span>//在进入网页的时候加载该方法

            setTimeout(go, 3000);

            <span style="white-space:pre">   

            </span> /*在js中是ms的单位*/

        };

        function go(){

            location.href="http://localhost:8080/TestDemo/index.jsp";

        }

</script>

3秒之后自动执行go方法，直接跳转到index.jsp页面

方法3：

上面两个例子的缺陷就是能够实现跳转，但是不知道是什么时候跳转.实现倒数3-2-1；

阅读剩余部分

相关阅读 >>

关于Html colgroup标签的用法你知道哪些？colgroup用法和col的详细介绍

Html中一个表单由什么组成

Html section标签怎么用

xml与Html的区别

Html中head头结构应该如何使用

Html h1标签怎么居中？有关于Html中的h1居中实例解析

浅谈块状元素和内联元素之间的区别

Html<input>标签怎么用

jsp和Html的区别有哪些

Html中如何美化展示json格式数据

更多相关阅读请进入《Html》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...