JavaScript-BOM

2020-06-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>
上一篇 下一篇

猜你喜欢

热点阅读