浏览器对象模型BOM的常见对象和方法

浏览器对象模型的具体实例化对象就是 window对象；window可以省略

1.对话框

window.alert() : 显示一个警告对话框,上面显示有指定的文本内容以及一个"确定"按钮。

window.prompt(): 显示一个对话框,对话框中包含一条文字信息,用来提示用户输入文字.

window.confirm() ：方法显示一个具有一个可选消息和两个按钮(确定和取消)的模态对话框 。

对话框用法案例:

window.onload = function(){
        //弹框
        // alert('are you ok?');
        
        //弹框 输入框
        // var res = prompt('are you ok?');
        // console.log(res);
        
        //弹框  确认和取消按钮
        var res = confirm('are you ok?');
        console.log(res);
         if(confirm('are you ok?')){
        //  //点击确定 则执行以下代码
        //  //比如退出登录、删除数据
        }

2.页面加载事件

页面加载事件onload

onload案例

window.onload = function () {
  // 当页面加载完成执行
  // 当页面完全加载所有内容（包括图像、脚本文件、CSS 文件等）执行
}

 注意：window.onload = fn写法，页面只能出现一次

 如果需要写多个，只能使用事件监听方式  window.addEventListener('load', function(){});

3. 浏览器控制台

window.console : 返回console对象的引用，该对象提供了对浏览器调试控制台的访问。

console.clear() : 清空控制台。

console.error()  : 打印一条错误信息

console.table() : 将数组或对象数据在控制台以表格形式打印

console.log() ： 打印字符串，使用方法比较类似C的printf、PHP的echo等格式输出

4.定时器

详见:JavaScript的BOM定时器setInterval()和setTimeout()

5.location对象

详见:浏览器模型对象BOM的location对象和其内置对象和方法

6.history对象 

history.back() : 前往上一页, 用户可点击浏览器左上角的返回按钮模拟此方法

history.forward() ： 在浏览器历史记录里前往下一页，用户可点击浏览器左上角的前进按钮模拟此方法

history.go() : 通过当前页面的相对位置从浏览器历史记录( 会话记录 )加载页面。比如：参数为-1的时候为上一页，参数为1的时候为下一页. 

7.navigator对象

navigator.userAgent : 通过userAgent可以判断用户浏览器的类型

navigator.platform : 通过platform可以判断浏览器所在的系统平台类型.

navigator.geolocation :  位置定位对象；