JS学习之BOM

1>什么BOM

    BOM，Browser Object Model，浏览器对象模型，我们之前说的DOM，核心是文本Document

    同理，DOM的核心是浏览器，接下来就介绍下浏览器的一些常用对象和方法

    其实我们之前就有接触过BOM了，如 alter()，console.log()等

2>一些常用的方法，prompt，confirm，print，find

prompt('AAAAAA','可选参数，默认值')

如果定义一个 变量  var a=prompt()，那么输入框的值 会赋给a。

confirm()

如果定义一个 变量  var a=confirm()，点击确定，a的值为True，取消就是False

这是实现的效果就是，点击打印按钮，执行print()方法，就相当于浏览器执行打印（ctrl+p）。

var a = confirm();
find(a)

find 这个变量或函数名称，用的不多

3>open和close方法

    

    close()，不用接参数，就是关闭当前页面

4>其他方法

//返回浏览器的用户设备信息
console.log(window.navigator.userAgent);
      
console.log(window.location);

//经常使用的一个方法
window.location.href = 'https://www.baidu.com';

//全局刷新---尽量少用这个方法
      alert('刷新了');
setTimeout(function(){
   window.location.reload();
},3000)

5>client

6>屏幕可视区域

7>offset

/*
 * offsetTop: 如果盒子没有设置定位 到浏览器的顶部的距离,如果盒子设置定位，那么是以父盒子为基准的top值
 * offsetLeft： 如果盒子没有设置定位 到浏览器的左部的距离，如果盒子设置定位，那么是以父盒子为基准的left值
 offsetWidth 内容+padding+border
 * */
console.log(box.offsetTop);
console.log(box.offsetLeft);
console.log(box.offsetWidth);
console.log(box.offsetHeight)