JavaScript
BOM
- 定义
-
Borwse Object Model 浏览器对象模型
- DOM:操作当前文档中的节点
- BOM:操作当前浏览器本身的一些属性
- Window 对象
-
BOM的核心对象是window,它表示浏览器的一个实例
- 所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。
- 甚至 HTML DOM 的 document 也是 window 对象的属性之一
- Window Location
-
BOM的核心对象是window,它表示浏览器的一个实例
- window.location 对象用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面。
- location 对象的属性
- location.hostname 返回 web 主机的域名
- location.pathname 返回当前页面的路径和文件名
- location.port 返回 web 主机的端口 (80 或 443)
- location.protocol 返回所使用的 web 协议(http:// 或 https://)
- location 对象的方法
- assign() 跳转到指定页面,与href等效;
- reload() 重载当前URL;
- replace() 用新的URL替换当前页面;
- Window History
-
window.history 对象包含浏览器的历史
- history对象的属性
- length history对象中的记录数;
- history对象的方法
- history.back() - 与在浏览器点击后退按钮相同
- history.forward() - 与在浏览器中点击向前按钮向前相同
- history.go(num) - 浏览器在history对象中向前(-x)或向后(x)
BOM内置函数
- alert、confirm、prompt
-
弹出提示框
- alert仅仅只是弹出提示框,没有任何返回值,没有后续
- confirm:弹出后,当你点击相应按钮会得到相应结果(是->true 取消->false)
- prompt:弹出可输入内容的提示框
- 如果说点击的是确定,返回的结果当前你输入的内容
- 如果说点击的是取消,返回的是null
open方法
:- 可以导航到一个特定的URL,也可以打开一个新的浏览器窗口
- 语法
- open(URL,name,features,replace)
- 如果说点击的是取消,返回的是null
- 参数
- URL:要加载的URL;
- Name:窗口的名称或窗口目标;
- Features:一个特定字符串
- Replace:一个表示新页面是否取代浏览器记录中当前加载页面的布尔值;
- open(‘http://www.baidu.com’,’_parent’);
- open(‘http://www.baidu.com’,‘baidu’,‘width=400,height=400,top=200,left=200,toolbar=yes’);
- 可以设置当前弹出新窗体的特征属性:宽高和偏移量
- open和a标签跳转本质的区别
- open弹出来的新窗体和原来的父窗体是有关联的
- open()本身返回window对象,父窗体可以操作返回的新窗体的dom对象
- 新窗体opener属性值是父窗体,新窗体可以操作返回的父窗体的dom对象
- 不要混淆方法 Window.open() 与方法 Document.open(),这两者的功能完全不同。为了使代码清楚明白,请使用 Window.open(),而不要使用 open()。
页面跳转的方式:open方法、location.href方式
:
计时器
- setInterval:定时启动指定函数,并循环执行
-
:
- 参数
- 指定函数
- 时间毫秒单位
- clearInterval:停止定时器setInterval
setTimeout:定时启动指定函数,只执行一次
:- 参数
- 指定函数
- 时间毫秒单位
- clearTimeout:停止定时器setTimeout