JavaScript制作一个跳转提示页

最新推荐文章于 2021-11-03 16:17:00 发布

mysql996

最新推荐文章于 2021-11-03 16:17:00 发布

阅读量595

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/u010572493/article/details/53485510

版权

JavaScript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

制作一个跳转提示页面：

要求：

1. 如果打开该页面后，如果不做任何操作则5秒后自动跳转到一个新的地址，如百度。

2. 如果点击“返回”按钮则返回前一个页面。

首先创建一个页面可以连接到提示界面就可以了，作用是返回前一个页面，暂且叫a.html

提示页面index.html

a.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<a href="index.html">aa</a>
</body>
</html>

index.html

<!DOCTYPE html>
<html>
<head>
    <title>浏览器对象</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>
</head>
<body>
<!--先编写好网页布局-->
<div>
    <span>操作成功</span>
</div>
<div>
    <span id="sen">5</span><span>秒后回到主页 </span><a href="javascript:history.back()" >返回</a>
</div>
<!--a标签有第二种写法<a href="#" οnclick="history.back()">返回</a>-->
<script type="text/javascript">

    //获取显示秒数的元素，通过定时器来更改秒数。
    var num = 4;
    function a(){
        if (num>0) {
            document.getElementById("sen").innerText = num;
            num = num - 1;
        }else{
            clearTimeout(i);
           window.location.href="http://baidu.com";
            //window.location.replace();
        }
    }
    var i =setInterval(a,1000);
    //通过window的location和history对象来控制网页的跳转。

</script>
</body>
</html>

mysql996

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript制作一个跳转提示页

制作一个跳转提示页面：要求：1. 如果打开该页面后，如果不做任何操作则5秒后自动跳转到一个新的地址，如百度。2. 如果点击“返回”按钮则返回前一个页面。首先创建一个页面可以连接到提示界面就可以了，作用是返回前一个页面，暂且叫a.html提示页面index.htmla.html Titleaain
复制链接

扫一扫