• 浏览器对象练习(慕课网题目)


    编程练习

    制作一个跳转提示页面:

    要求:

    1. 如果打开该页面后,如果不做任何操作则5秒后自动跳转到一个新的地址,如慕课网主页。

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

    效果:

    注意: 在窗口中运行该程序时,该窗口一定要有历史浏览记录,否则"返回"无效果。

    我的解答

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
            a, span{
                font-size: 24px;
            }
        </style>
    
    </head>
    <body>
    <h1>操作成功</h1>
    <span><strong id="sec">66</strong>秒后返回主页 </span><a href="location.html">返回</a>
    <script>
        var x = 5;
        function ChangeText()
        {
            document.getElementById("sec").innerHTML=x;
            x=x-1;
            var clear = setTimeout(ChangeText,1000);
            if(x<0){
                clearTimeout(clear);
            }
        }
        ChangeText();
        setTimeout(function () {
            window.history.back();
        },6000)
    </script>
    </body>
    </html>
  • 相关阅读:
    java前三章总结
    Java入门第二章
    java编程入门小结
    Java入门第二章
    java预习易错点
    计算机基础
    切换卡
    ajax
    水印4
    shuiyin3
  • 原文地址:https://www.cnblogs.com/sunxirui00/p/7499671.html
Copyright © 2020-2023  润新知