美文网首页
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

    一、window对象 1、全局作用域 在全局作用域中定义的变量和函数都会变成window对象的属性和方法 区别: ...

  • JavaScript-BOM

    BOM 什么是BOM DOM就是一套操作HTML标签的API(接口/方法/属性) BOM就是一套操作浏览器的API...

  • JavaScript-BOM

    (BOM)浏览器对象模型 History 跳转 提示框 计时器

  • 同源&JSNOP&跨域

    同源策略 协议、域名、端口号参考JavaScript-Bom属性及其方法1 同协议:如都是http或者https ...

  • javascript-BOM基础

    BOM部分主要是针对浏览器进行操作window:所有浏览器都支持 window 对象,它表示浏览器窗口window...

  • JavaScript-BOM对象(Browser Object

    一.BOM对象(Browser Object Model) 二.Window对象 1.Window对象属性 2.W...

网友评论

      本文标题:JavaScript-BOM

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