美文网首页
JavaScript-BOM

JavaScript-BOM

作者: 通灵路耳 | 来源:发表于2020-06-02 10:02 被阅读0次

    (BOM)浏览器对象模型

    Window(窗口)
    Navigator(浏览器)
    Screen (客户端屏幕)
    History(访问历史)
    Location(浏览器地址)
    

    History

    <!--返回-->
        <body>
            <script>
                function goBack(){
                    history.back();
                }
            </script>
            <button onclick="goBack()">返回</button>
        </body>
    <!--返回上一次-->
        <body>
            <script>
            function goBack()
              {
                 history.go(-2); //-1表示上次,-2表示上上次,以次类推
              }
            </script>
             
            <button onclick="goBack()">返回上上次</button>
        </body>
    

    跳转

    跳转页面:window.localhost.href=""
    

    提示框

    警告:
    <script>
    function register(){
       alert("注册成功");
    }
    </script>
    <br>
    <button onclick="register()">注册</button>
    
    确认框:
    <script>
    function del(){
    var d = confirm("是否要删除");
    alert(typeof d + " " + d);
    }
    </script>
      
    <br>
    <button onclick="del()">删除</button>
    双击选中所有代码
    

    计时器

    <p>每隔1秒钟,打印当前时间</p>
    <div id="time"></div>
    <script>
    function printTime(){
      var d = new Date();
      var h= d.getHours();
      var m= d.getMinutes();
      var s= d.getSeconds();
      document.getElementById("time").innerHTML= h+":"+m+":"+s;
    }
    var t = setInterval(printTime,1000);
    </script>
    <br><br>
    

    相关文章

      网友评论

          本文标题:JavaScript-BOM

          本文链接:https://www.haomeiwen.com/subject/ttwyzhtx.html