BOM

BOM

BOM（Browser Object Model）是指浏览器对象模型，它使 JavaScript 有能力与浏览器进行“对话”。

 

window对象

// 常用的window方法

window.innerHeight - 浏览器窗口的内部高度
window.innerWidth - 浏览器窗口的内部宽度
window.open() - 打开新窗口
window.close() - 关闭当前窗口 (只能关闭用js的window.open()打开的页面)

window子对象

// navigator对象,包含了浏览器相关信息

navigator.appName　　    // Web浏览器全称
navigator.appVersion　　 // Web浏览器厂商和版本的详细字符串
navigator.userAgent　　  // 客户端绝大部分信息
navigator.platform　　　 // 浏览器运行所在的操作系统


// screen对象，屏幕对象
screen.availWidth        // 可用的屏幕宽度
screen.availHeight       // 可用的屏幕高度


// history对象，对象包含浏览器的历史
history.forward()        // 前进一页，其实也是window的属性，window.history.forward()
history.back()           // 后退一页


// location对象，对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面
location.href            // 获取URL
location.href="URL"      // 跳转到指定页面
location.reload()        // 重新加载页面,就是刷新一下页面

弹出框

// 警告框
alert("你看到了吗？");                // 确定返回true，取消返回false

// 确认框
confirm("你确定吗？")                 // 确定返回true，取消返回false

// 提示框
prompt("请在下方输入","你的答案")      // 点击确定，返回输入的值。取消返回默认值，如果没有默认值返回null

计时相关

setTimeout()    一段时间后做一些事情
var t = setTimeout("JS代码",毫秒)        // 一般js代码使用函数包装一下
clearTimeout()  取消设置
clearTimeout(t)


clearInterval()    每隔一段时间做一些事情
var t = setInterval("JS语句",时间间隔)    // 一般js代码使用函数包装一下
clearInterval()  取消设置
clearInterval(t)