浏览器 BOM

116 阅读4分钟

window

window属性

#返回窗口是否已被关闭
window.closed	

#设置或返回窗口状态栏中的默认文本
window.defaultStatus	

#对 Document 对象的只读引用(请参阅对象)
window.document	

#返回窗口中所有命名的框架,该集合是 Window 对象的数组,每个 Window 对象在窗口中含有一个框架
window.frames	

#对 History 对象的只读引用,请参数 History 对象
window.history	

#返回窗口的文档显示区的高度
window.innerHeight	

#返回窗口的文档显示区的宽度
window.innerWidth	

#设置或返回窗口中的框架数量
window.length	

#用于窗口或框架的 Location 对象,请参阅 Location 对象
window.location	

#设置或返回窗口的名称
window.name	

#对 Navigator 对象的只读引用,请参数 Navigator 对象
window.navigator	

#返回对创建此窗口的窗口的引用
window.opener	

#返回窗口的外部高度,包含工具条与滚动条
window.outerHeight	

#返回窗口的外部宽度,包含工具条与滚动条
window.outerWidth	

#设置或返回当前页面相对于窗口显示区左上角的 X 位置
window.pageXOffset	

#设置或返回当前页面相对于窗口显示区左上角的 Y 位置
window.pageYOffset	

#返回父窗口
window.parent	

#对 Screen 对象的只读引用,请参数 Screen 对象
window.screen	

#返回相对于屏幕窗口的x坐标
window.screenLeft	

#返回相对于屏幕窗口的y坐标
window.screenTop	

#返回相对于屏幕窗口的x坐标
window.screenX	

	

#返回相对于屏幕窗口的y坐标
window.screenY	

#返回对当前窗口的引用,等价于 Window 属性
window.self	

#设置窗口状态栏的文本
window.status	

#返回最顶层的父窗口
window.top	

winddow方法

#显示带有一段消息和一个确认按钮的警告框
window.alert()	

#解码一个 base-64 编码的字符串
window.atob()	

#创建一个 base-64 编码的字符串
window.btoa()	

#把键盘焦点从顶层窗口移开
window.blur()	

#关闭浏览器窗口
window.close()	

#显示带有一段消息以及确认按钮和取消按钮的对话框
window.confirm()	

#创建一个 pop-up 窗口
window.createPopup()	

#把键盘焦点给予一个窗口
window.focus()	

#返回一个 Selection 对象,表示用户选择的文本范围或光标的当前位置
window.getSelection()	

#获取指定元素的 CSS 样式
window.getComputedStyle()

#该方法用来检查 media query 语句,它返回一个 MediaQueryList对象
window.matchMedia()

#可相对窗口的当前坐标把它移动指定的像素
window.moveBy()	

#把窗口的左上角移动到一个指定的坐标
window.moveTo()	

#打开一个新的浏览器窗口或查找一个已命名的窗口
window.open()	

#打印当前窗口的内容
window.print()	

#显示可提示用户输入的对话框
window.prompt()	

#按照指定的像素调整窗口的大小
window.resizeBy()	

#把窗口的大小调整到指定的宽度和高度
window.resizeTo()	

#按照指定的像素值来滚动内容
window.scrollBy()	

#把内容滚动到指定的坐标
window.scrollTo()	

#停止页面载入
window.stop()	

定时器

#按照指定的周期(以毫秒计)来调用函数或计算表达式
window.setInterval()	

#在指定的毫秒数后调用函数或计算表达式
window.setTimeout()	

#取消由 setInterval() 设置的 timeout
window.clearInterval()	

#取消由 setTimeout() 方法设置的 timeout
window.clearTimeout()	

Navigator

#返回浏览器的代码名
navigator.appCodeName	

#返回浏览器的名称
navigator.appName	

#返回浏览器的平台和版本信息
navigator.appVersion	

#返回指明浏览器中是否启用 cookie 的布尔值
navigator.cookieEnabled	

#返回运行浏览器的操作系统平台
navigator.platform	

#返回由客户机发送服务器的user-agent 头部的值
navigator.userAgent	


#onLine 属性是一个只读的布尔值,声明了系统是否处于脱机模式。(判断设备是否有网络)
navigator.onLine


Screen

#返回屏幕的高度(不包括Windows任务栏)
Screen.availHeight	

#返回屏幕的宽度(不包括Windows任务栏)
Screen.availWidth	

#返回目标设备或缓冲器上的调色板的比特深度
Screen.colorDepth	

#返回屏幕的总高度
Screen.height	

#返回屏幕的颜色分辨率(每象素的位数)
Screen.pixelDepth	

#返回屏幕的总宽度
Screen.width	

History

#属性声明了浏览器历史列表中的元素数量
history.length

#加载 history 列表中的前一个 URL
history.back()	

#加载 history 列表中的下一个 URL
history.forward()	

#加载 history 列表中的某个具体页面
history.go()	

Location

#返回一个URL的锚部分
Location.hash	

#返回一个URL的主机名和端口
Location.host	

#返回URL的主机名
Location.hostname	

#返回完整的URL
Location.href	

#返回的URL路径名
Location.pathname	

#返回一个URL服务器使用的端口号
Location.port	

#返回一个URL协议
Location.protocol	

#返回一个URL的查询部分
Location.search	

#载入一个新的文档
Location.assign()

#重新载入当前文档
Location.reload()

#用新的文档替换当前文档
Location.replace()	

存储对象

#在浏览器中存储 key/value 对,没有过期时间
window.localStorage	

#在浏览器中存储 key/value 对,在关闭窗口或标签页之后将会删除这些数据
window.sessionStorage