javascript的BOM知识点总结

1.BOM对象

1.window对象

​ BOM的核心对象是window，它表示浏览器的一个实例。在浏览器中，window对象有双重角色，它既是通过javascript访问浏览器窗口的一个接口，又是ECMAScript规定的Global对象。因此所有在全局作用域中声明的变量、函数都会变成 window 对象的属性和方法。

• 所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。
• 全局变量是 window 对象的属性。
• 全局函数是 window 对象的方法。

1、窗口关系与框架

top			//指向最外层的框架
parent		//指向当前的父框架
self		//指向自己

2、窗口位置

//窗口相对于屏幕上边和左边的位置
screenLeft
screenTop
screenX
screenY
//窗口移动
moveTo(x,y)		//绝对位置
moveBy(x,y)		//相对位置

3、窗口大小

//视口的大小
document.body.clientWidth
document.body.clientHeight
document.documentElement.clientWidth
document.documentElement.clientHeight
//窗口本身尺寸
outerWidth
outerHeight
//页面视图区大小
innerWidth
innerHeight
//窗口位置移动
resizeTo(x,y)
resizeBy(x,y)

4、打开新窗口open

​ 通过open打开的窗口可以通过close()方法关闭。

//参数
name			// 新窗口名字
fullscreen		//yes或no 	表示浏览器窗口是否最大化。仅限IE
height			//数值		表示新窗口的高度。不能小于100
width
top				//数值		表示新窗口的左坐标。不能是负值
left
location		//yes/no		是否显示地址栏
menubar			//yes/no		是否显示菜单栏
status			//yes/no		是否显示状态栏
toolbanr		//yes/no		是否显示工具栏
resizable		//yes/no		是否可以拖动改变大小
scrollbars		//yes/no		是否允许滚动条
window.poen("www.baidu.com","cnblogs","height=400,width=400,resizable=yes")

5、间歇与超时调用，即定时器

//超时调用
setTimeout(function(){},1000);
//间歇调用
setInterval(function(){},1000);

6、对话框

alert()
confirm()		//带有确认按钮的对话框
prompt()		//带有文本框的对话框

2.location对象，浏览器URL信息

​ window.location对象：用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。在编写时可不使用 window 这个前缀。它既是 window 对象的属性，也是document 对象的属性；即 window.location 和 document.location 引用的是同一个对象。

//location属性
location.herf 		//返回当前页面的完整URL。而location对象的toString()方法也返回这个值。
location.hash 		//返回#号后面的字符串，不包含散列，则返回空字符串。
location.host 		//返回服务器名称和端口号
location.hostname	//返回不带端口号的服务器名称。 例：www.baidu.com
location.pathname 	//返回RUL中的目录和文件名。 例:/project/test.html
location.search 	//返回？号后面的所有值。即URL的查询字符串，这个字符串以问号开头
location.port 		//返回URL中的指定的端口号，如URL中不包含端口号返回空字符串
location.portocol 	//返回页面使用的协议。 http:或https

//刷新页面
location.reload()	//重新加载当前页面，加入true参数表示从服务器重新加载

3.navigator对象，浏览器本身信息

//属性
navigator.appCodeName		//返回浏览器代码名
navigator.appName			//返回完整浏览器的名称
navigator.appVersion		//返回浏览器的平台和版本信息
navigator.cookieEnabled		//返回指明浏览器中是否启用 cookie 的布尔值
navigator.platform			//返回运行浏览器的操作系统平台
navigator.userAgent			//返回由客户机发送服务器的user-agent 头部的值
navigator.buildID			//返回浏览器编译版本
navigator.language			//返回浏览器主语言

//方法
navigator.JavaEnabled()		//指定是否在浏览器中启用Java
navigator.taintEnabled()	//规定浏览器是否启用数据污点(data tainting)

4.screen对象，客户端屏幕信息

width		//返回屏幕的总宽度
height		//返回屏幕的总高度
availWidth	//返回屏幕的宽度（不包括Windows任务栏）
availHeight	//返回屏幕的高度（不包括Windows任务栏）
colorDepth	//返回目标设备或缓冲器上的调色板的比特深度
pixelDepth	//返回屏幕的颜色分辨率（每象素的位数）

5.history对象，浏览器访问历史信息

​ history 对象保存着用户上网的历史记录

history.go9() //传入数字，向前或向后。0表示刷新

history.gorward() //前进一页

history.back() //后退一页