前端学习_09.Javascript BOM

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.href	属性返回当前页面的 URL	https://blog.csdn.net/Uncle_nly
location.hostname	返回 web 主机的域名	blog.csdn.net
location.pathname	返回当前页面的路径和文件名	/Uncle_nly
location.port	返回 web 主机的端口 （80 或 443）	80
location.protocol	返回所使用的 web 协议（http:// 或 https://）	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)

Window Screen

• screen 对象包含有关用户屏幕的信息。
• screen 对象的属性

属性	描述	输出
availWidth	可用的屏幕宽度	1366
availHeight	可用的屏幕高度	728

弹窗

• 弹出提示框

弹窗	描述
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：间隔指定的毫秒数不停地循环执行指定的代码。
• 参数
  • 第一个参数是函数（function）
  • 第二个参数间隔的毫秒数，时间毫秒单位
• clearInterval：停止定时器setInterval
• setTimeout：在指定的毫秒数后执行指定代码，只执行一次
  • 参数
    • 第一个参数是字符串信息
    • 第二个参数间隔的毫秒数，时间毫秒单位
• clearTimeout：停止定时器setTimeout