欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

javascript的BOM知识点总结

程序员文章站 2022-07-14 11:01:31
...

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() //后退一页

上一篇: jQuery

下一篇: jquery tab切换