九、BOM

67 阅读1分钟

1. JavaScript的三大组成部分:

  • ECMAScript:(JavaScript和actionscript的)规范
  • DOM:文档对象模型 ---> 规范是W3C
  • BOM:浏览器对象模型 ---> 没有规范

2. BOM ---> 浏览器对象模型 broswer object model

作用:通过BOM的属性和方法去对浏览器进行操作(前进,后退,刷新,打印...)

3. BOM中的对象

3.1 window

window是BOM中的顶级对象,也是BOM的宿主对象

window的一些方法(window.可以省略):

  • window.alert("提示框");
  • window.confirm("确认框");
  • window.prompt("输入框");
  • window.parseInt();
  • window.parseFloat();
  • window.open();
  • window.close();
  • window.print();
  • window.setInterval();
  • window.setTimeout();

3.2 window 的重要属性对象:document,location,history,frames,screen, navigator...

3.3 document ---> 文档对象。js脚本中直接访问页面元素

3.4 location ---> 浏览器当前的地址信息。

location的属性/方法:

  • location.href; 完整地址
  • location.protocol; 协议。包括http(不加密)和https(加密)
  • location.host; 主机
  • location.hostname; 主机名称(域名)
  • location.port; 端口
  • location.pathname; 路径名称
  • location.search; ?xxxx
  • location.hash; #xxxx
  • location.assign(url); 跳转到指定的url
  • location.replace(url); 新的url替代,没有历史记录
  • location.reload(); 重新加载 QQ图片20230331093247.png

3.5 history ---> 窗口的浏览历史。

history是一个伪数组,有一个length属性,实际上是对象。

history的属性/方法:

  • history.length 表示有多少条历史记录
  • history.forwars() 前进
  • history.back() 后退
  • history.go(参数) 参数为-1,表示后退;参数为0,表示刷新;参数为1,表示前进

3.6 frames ---> 获取页面框架内容。

3.7 screen ---> 客户端显示屏幕的信息。

screen的方法:

  • screen.height() 屏幕的完整高度
  • screen.width() 屏幕的完整宽度
  • screen.availHeight() 高度。不包括Windows任务栏
  • screen.availHeight() 宽度。不包括Windows任务栏

3.8 navigator ---> 访问者浏览器的信息。

navigator.userAgent 可以获取浏览器及操作系统信息