BOM基础

BOM（浏览器对象模型）

window对象

window:浏览器一个实例，gobal对象，window上的变量为全局对象

window.alert(字符串）,警告框

window.confirm(字符串)，点击确认。返回true,点击取消，返回false

window.prompt(text,默认文本），单击取消，返回null,点击确认，返回默认文本

window.open(新窗口的url,新窗口的name,参数1,...，参数n)：打开一个新的浏览器窗口或者查找一个已经命名的窗口

参数：

width：窗口宽 

height ：窗口高

left:离x距离

top:离y距离 

toolbar:是否显示工具栏

 menubar:是否显示菜单栏 

scroolbars:是否显示滚动条

location:是否显示地址字段 

status:是否添加状态栏

window.close():关闭当前窗口

超时调用：脚本延迟执行，只执行一次

设置超时调用：window.setTimeout(js代码或者函数，毫秒数），返回一个id

取消超时调用：window.clearTimeout(返回的id)

间歇调用：每隔一定时间执行，执行多次

设置调用：window.setInterval(js脚本或者函数，毫秒数），返回id

停止调用：clearInterval(返回的id)

location对象

既是window的对象，也是document的对象

location属性

location.href:返回当前加载完整的url

location.hash:返回地址后面的内容，如果没有则返回空字符

location.host:返回服务器名称和端口号

location.hostname:返回服务的名称，没有端口号

location.pathname:返回url中的目录或者文件路径

location.port:返回url的端口号，没有则返回空字符串

location.protocol:返回使用的htttp协议

location.search:返回url中？后面的内容，若没有，返回空字符串

location方法

location.replace(路径):重定向，历史记录中没有

location.reload(false/true):重新加载当前的页面,强制从服务器中加载资源

history对象

保存访问页面的历史记录

history.back()，回到历史记录的上一步

history.go(-n)：回退到历史记录的前几步

history.forward():来到历史记录的下一步

history.go(n)：来到历史记录的后几步

screen对象

客户端屏幕的信息

screen.availHeight：获取可用的高，除了任务栏

screen.availWidth:获取可用的宽，除了任务栏

window.innerWidth:窗口的宽

window.innerHeight：窗口的高

navigator对象

navigator.userAgent:返回浏览器信息