zoukankan      html  css  js  c++  java
  • 浏览器对象练习(慕课网题目)

    编程练习

    制作一个跳转提示页面:

    要求:

    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>
  • 相关阅读:
    XML介绍
    JavaScript基础
    pygame模块参数汇总(python游戏编程)
    CSS3
    CSS( Cascading Style Sheets )简书
    HTML5
    用python进行应用程序自动化测试(uiautomation)
    HTML入门
    Selenium2 (python)
    C#快速入门
  • 原文地址:https://www.cnblogs.com/sunxirui00/p/7499671.html
Copyright © 2011-2022 走看看