BOM是js操作浏览器的方法和接口
Bom中我们常用的是下面几个BOM对象
**Window:**代表整个浏览器窗口。是浏览其中的全局对象
**Navigator:**代表浏览器当前的信息,通过Navigator 我们可以获取用户当前使用的是什么浏览器
**Location:**代表浏览器当前的地址信息,通过Location我们可以获取或者设置当前的地址信息
**History:**代表浏览器的历史信息,通过History我们可以实现上一步/刷新/下一步操作
**Screen:**代表用户的屏幕信息
在Window当中常用的功能又有这么几个
1.窗口控制
-
moveBy(水平位移量,垂直位移量),按照给定像素参数移动指定窗口
-
moveTo(x,y)将窗口移动到指定的坐标处(x,y)
-
scrollBy(水平位移量,垂直位移量),将窗口中的内容按给定的位移量滚动,参数正数时,正向滚动,否则反向滚动
-
scrollTo(x, y),将窗口中的内容滚动到指定位置
-
resizeBy(水平,垂直)将当前窗口改变指定的大小(x, y)。当x、y的值大于0是为扩大,当x、y的值小于0是为缩小
-
resizeTo(水平宽度,垂直宽度),将当前窗口改变成(x,y)大小,x、y分别为宽度和高度
其中move与scroll基本功能相同,在动画上有所区别
2.打开关闭窗口
2.1.Open
-
语法:open(“URL”, “窗口名称”, “窗口风格”)
-
示例:window.open(“http://www.baidu.com”,"_blank");
-
功能:打开一个新窗口,并在窗口中装载指定URL地址的网页
-
常用的窗口风格:
-
Height 数值 窗口高度 不能小于100
-
Width 数值 窗口宽度 不能小于100
-
Left 数值 窗口左坐标 不能为负值
-
Top数值 窗口上坐标 不能为负值
-
location yes/no 是否显示地址栏
-
menubar yes/no 是否显示菜单栏
-
resizable yes/no 是否可以改变窗口大小
-
scrollbars yes/no 是否允许出现滚动条
-
status yes/no 是否显示状态栏
-
toolbar yes/no 是否显示工具栏
2.2.Close
(1)语法:close()
(2)功能:自动关闭浏览器窗口
3.定时器
- setTimeout(执行代码,毫秒数)。到了指定的毫秒后,自动执行功能代码
- clearTimeout(定时器)。取消setTimeout()设定的定时器
- setInterval(重复执行的代码,毫秒数)。制定周期重复执行功能代码
- clearInterval(时间间隔器)。取消由setInterval()设置的时间间隔器
4.事件
- focus :当窗口得到焦点时激发的事件
- blur当窗口失去焦点时激发的事件
- load当窗口中的文档完全加载时激发的事件
- unload当卸载网页时激发的事件
- resize当调整窗口大小时激发的事件
- error当执行JavaScript代码产生错误时激发的事件
5.对话框
- alert(“提示字符串”)。弹出一个警告,在警告框内显示提示字符串文本
- confirm(“提示字符串”)。显示一个确认框,在确认框内显示提示字符串,当前用户单击"确定"按钮时该方法返回true,单击"取消"是返回false
- prompt(“提示字符串”,“缺省文本”)。显示一个输入框,再输入框内显示提示字符串,在输入文本框显示缺省文本,并等待用户输入。当用户单击"确定"按钮时,返回用户输入的字符串,当单击"取消"按钮时,返回null值
6.属性
6.1状态栏
- defaultStatus:改变浏览器状态栏的默认显示
- Status:临时改变浏览器状态栏的显示
6.2窗口位置
这个是非ie浏览器的显示
- screenX声明窗口的左上角的X坐标
- screenY声明窗口的左上角的Y坐标
- pageXOffsest声明当前文档向右滚动过的像素数
- pageYOffsest声明当前文档向下滚动过的像素数
- innerHeight返回窗口的文档显示区的高度
- innerWidth返回窗口的文档显示区的宽度
- outerHeight返回窗口的外部高度
- outerWidth返回窗口的文档显示区的宽度
6.3其他属性
- opener可以实现同域名下跨窗体之间的通讯,一个窗体要包含另一个窗体的opener
- closed当前窗口关闭时返回true
- name设置或返回窗口的名称
- self返回对当前窗口的引用
Navigator对象,也称为浏览器对象,该对象包含了浏览器的整体信息,如浏览器名称、版本号等。
- appCodeName返回浏览器的代码名
- appName返回浏览器的名称
- appVersion返回浏览器的平台和版本信息
- cookieEnabled返回指明浏览器中是否启用cookie的布尔值
- platform返回运行浏览器的操作系统平台
- userAgent返回由客户机发送服务器的user-agent头部的值
History对象是JavaScript中的一种默认对象,该对象可以用来存储客户端浏览器窗口最近浏览过的历史网址。通过History对象的方法,可以完成类似于浏览器窗口中的前进、后退等按钮的功能。
- length浏览器窗口的历史列表中的网页个数
- back()返回前一个URL
- forward()返回下一个URL
- go()返回某个具体页面
**screen对象是一个由JavaScript自动创建的对象,该对象的作用主要是描述客户端的显示器的信息,例如屏幕的分辨率、可用颜色数等。**Screen对象是一个全局对象,该对象中存放的都是静态属性,这些属性值是只读的。
- height屏幕的高度,单位为像素
- width屏幕的宽度,单位为像素
- colorDepth颜色深度
- availHeight显示器可用的屏幕高度,单位为像素。(不含任务栏)
- availWidth显示器可用的屏幕宽度,单位为像素
Location对象也是JavaScript中的一种默认对象,该对象代表了当前显示的文档的URL。
通过Location对象可以访问当前文档的URL的各个不同部分。
属性:
- hash设置或返回从井号(#)开始的URL
- host设置或返回主机名和当前URL的端口号
- hostname设置或返回当前URL的知己名
- href设置或返回完整的URL
- pathname设置或返回当前URL的路径部分
- port设置或返回当前URL的端口号
- protocol设置或返回当前URL的协议
- search设置或返回从问好(?)开始的URL
方法:
- assign(URL)加载新的文档
- reload()重新加载当前页面
- replace(newURL)用新的文档替换当前的文档
documen文档对象
集合:
- anchors[]描点对象数组
- images[]图像对象数组
- links[]链接对象数组
- forms[]表单对象数组
属性:
- cookie 设置或返回与当前文档有关的所有cookie
- domain 返回当前文档的域名
- referrer 返回载入当前文档的文档的URL
- title 返回当前文档的标题
- URL 返回当前文档的URL
方法:
- open() 打开一个新的文档,并擦除旧文档内容
- close() 关闭文档输出流
- write() 向当前文档追加写入文本
- writeln() 与write()相同,在
中会追加换行