BOM操作
BOM操作
了解
1.BOM
BOM是browser object model的缩写，简称浏览器对象模型 由一系列功能的对象构成，核心对象是window BOM缺乏标准(不过所有浏览器都支持)，JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C//一定要记住,BOM不是W3C的标准模型
2.window
window对象是BOM的顶层(核心)对象，所有对象都是通过它延伸出来的，也可以称为window的子对象,由于window是顶层对象，因此调用它的子对象时可以不显示的指明//window.document.write(666)等价于document.write(666) window下的几大功能对象(window的属性)有:navigatior,screen,document,history,location
3.window的属性
- closed 返回窗口是否已被关闭。
- document 对 Document 对象的只读引用
- history 对 History 对象的只读引用
- innerHeight 返回窗口的文档显示区的高度
- innerWidth 返回窗口的文档显示区的宽度
- outerHeight 返回窗口的外部高度，包含工具条与滚动条
- outerWidth 返回窗口的外部宽度，包含工具条与滚动条
- screenLeft 返回相对于屏幕窗口的x坐标
- screenTop 返回相对于屏幕窗口的y坐标
- screenX 返回相对于屏幕窗口的x坐标
- screenY 返回相对于屏幕窗口的y坐标
- location 用于窗口或框架的 Location 对象
- navigator 对 Navigator 对象的只读引用
- onload 指定所有配置都加载完成时(图片例外)调用的函数.
- pageXOffset 返回当前页面相对于窗口显示区左上角的 X 位置(body横向滚动的距离)
- pageYOffset 返回当前页面相对于窗口显示区左上角的 Y 位置(body纵向滚动的距离)
- screen 对 Screen 对象的只读引用
4.window的方法
- alert() 显示带有一段消息和一个确认按钮的警告框。
- close() 关闭浏览器窗口。
- confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。
- open(url,打开方式,新窗口配置,BOOL) 打开一个新的浏览器窗口 //4个参数都可选(一般就填第一个参数) //url:新窗口地址 打开方式:blank(默认),parent,self,top 配置(各种):一般默认 BOOL:新窗口在历史记录里面有,要不要替换
- print() 打印当前窗口的内容。
- prompt(tishi,value) 显示可提示用户输入的对话框。
- scrollBy() 按照指定的像素值来滚动内容(前提是你的有滚动条:内容够多)
- scrollTo() 把内容滚动到指定的坐标。(前提是你的有滚动条:内容够多)
- setInterval(callback,times) 按照指定的周期（以毫秒计）来调用函数
- setTimeout(callback,times) 在指定的毫秒数后调用函数
- clearInterval() 取消由 setInterval() 设置的 timeout。
- clearTimeout() 取消由 setTimeout() 方法设置的 timeout。
5.navigator 属性:
- appCodeName 返回浏览器的代码名
- appName 返回浏览器的名称
- appVersion 返回浏览器的平台和版本信息
- cookieEnabled 返回指明浏览器中是否启用cookie 的布尔值
- platform 返回运行浏览器的操作系统平台
- userAgent 返回由客户机发送服务器的user-agent 头部的值
6.screen 属性:
- availHeight 返回屏幕的高度（不包括Windows任务栏）
- availWidth 返回屏幕的宽度（不包括Windows任务栏）
- height 返回屏幕的总高度 width 返回屏幕的总宽度
- pixelDepth 返回屏幕的颜色分辨率（每象素的位数）
7.history 属性:
- length返回访问历史列表中的网址数
- back() 加载 history 列表中的前一个 URL
- forward() 加载 history 列表中的下一个 URL
- go(number|url)加载 history列表中的某个具体页面//负数后退,正数前进
8.location 当前页面的url 属性:
- hash 返回一个URL的锚部分//192.168.1.102:8081?name=jack&pwd=123#page1
- host 返回一个URL的主机名和端口
- hostname 返回URL的主机名
- href 返回完整的URL
- pathname 返回的URL路径名。
- port 返回一个URL服务器使用的端口号
- protocol 返回一个URL协议
- search 返回一个URL的查询部分
方法:
- assign(url) 载入一个新的文档
- reload() 重新载入当前文档
- replace(url) 用新的文档替换当前文档
