JS基础 BOM编程学习总结

1.BOM概述

BOM提供了独立于内容而与浏览器窗口进行交互的对象。BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性。
JS基础 BOM编程学习总结
BOM最强大的功能是它提供了一个访问HTML页面的一入口——document对象。

2.window对象

window对象是BOM的顶层(核心)对象,所有对象都是通过它延伸出来的,也可以称为window的子对象。
2.1 三种弹出框
1.alert():显示带有一段消息和一个确认按钮的警告框。
2.confirm():显示带有一段消息以及确认按钮和取消按钮的对话框.返回值为布尔值;如果点击确定则返回true,点击取消返回false。
3.prompt():显示用户输入信息对话框。第一个参数是提示信息,第二个参数是默认值,即输入框中默认数据;返回值为输入的值,取消返回null;返回的输入值是一个string类型的数据。
2.2 窗体控制
1、open():打开一个窗体。参数有三个分别为URL,name,specs.
URL:打开指定的网页,不指定打开空白窗口。
name :窗口名称,这里的窗口名称不是网页标题。
specs:设置窗口大小和位置。
2、close():关闭浏览器窗口
3、moveBy():可相对窗口的当前坐标把它移动指定的像素。参数为x,y两个值,为要移动的像素数。
4、moveTo():把窗口的左上角移动到一个指定的坐标。参数为x,y两个值,为窗口新位置的坐标。
5、resizeTo():把窗口的大小调整到指定的宽度和高度。参数为两个值,分别为宽高想要调整到的窗口宽高。
6、resizeBy():按照指定的像素调整窗口的大小。参数为两个值,分别为宽高想要增加的窗口宽高。
7、focus():把键盘焦点给予一个窗口。可确保新的窗口得到焦点。也就是让指定的窗口处于最前。
2.3 窗体滚动
1、scrollBy(xnum,ynum):按照指定的像素值来滚动内容。参数为两个,分别为把文档向右、向下滚动的像素数。这个和锚点结合使用页面滚动时会有一个过程。
2、scrollTo(xpos,ypos):把内容滚动到指定的坐标。参数为两个,为把窗口滚动到的位置。
2.4 窗体打印
print():打印当前窗口的内容。
2.5 定时器
1、延时定时器
setTimeout(fun,time)参数fun:函数体或函数名;time指定时间,单位为毫秒。其返回值有一个id,代表当前的这个setTimeout()函数。
​clearTimeout(id):清除延时定时器,取消指定id的setTimeout函数。
2、间隔定时器
setInterval(fun1,time)。fun:函数体或函数名,time指定的时间,单位为毫秒。会返回一个值id。
参数id是setInterval()函数返回的值,根据这个值可以停止返回值为id setInterval()的执行。
clearInterval(id):清除间隔型定时器

3.History对象

History 对象包含用户(在浏览器窗口中)访问过的 URL。
length 返回当前窗口历史列表中的网址数
back() 加载 history 列表中的前一个 URL ,如果存在可以加载
forward() 加载 history 列表中的下一个 URL 如果存在可以加载
go(num) 加载 history 列表中的某个具体页面

4.Location对象

4.1属性
hash返回一个URL的锚部分(锚点)
host返回一个URL的主机名和端口
hostname返回URL的主机名
href返回完整的URL
pathname返回的URL路径名。
port返回一个URL服务器使用的端口号
protocol返回一个URL协议
search返回一个URL的查询部分 ?之后
4.2对象方法
assign()载入一个新的文档 location.assign(URL)
reload()重新载入当前文档 location.reload();刷新页面
replace()用新的文档替换当前文档 location.replace(newURL)
注:
window.location.assign(url) : 加载 URL 指定的新的 HTML 文档。就相当于一个链接,跳转到指定的url,当前页面会转为新页面内容,可以点击后退返回上一个页面。
​ window.location.replace(url) : 通过加载 URL 指定的文档来替换当前文档,这个方法是替换当前窗口页面,前后两个页面共用一个窗口,没有后退返回上一页的

5.Screen对象

availHeight返回屏幕的高度(不包括Windows任务栏)
availWidth返回屏幕的宽度(不包括Windows任务栏)
height返回屏幕的总高度
width返回屏幕的总宽度

6.Navigator对象

Navigator 对象包含有关浏览器的信息。
appCodeName返回浏览器的代码名.在所有以 Netscape 代码为基础的浏览器中,它的值是 “Mozilla”。
appName返回浏览器的名称
appVersion返回浏览器的平台和版本信息
cookieEnabled返回指明浏览器中是否启用
cookie 的布尔值platform返回运行浏览器的操作系统平台
userAgent返回由客户机发送服务器的user-agent 头部的值