BOM操作

一、什么是BOM

  BOM(Browser Object Model) 是浏览器对象模型。

二、DOM 和BOM 区别:

  浏览器的全部内容可以看作是DOM;整个浏览器可以看成是BOM,区别如下:

  1. DOM 是文档对象模型;BOM是浏览器对象模型

  2.DOM 把文档 当做一个对象来看待;BOM是把浏览器当做一个对象来看待

  3. DOM 的顶级对象是document;BOM的顶级对象是window

  4. DOM 主要是操作页面元素;BOM是浏览器窗口交互一些对象

  5. DOM是W3C 标准规范;BOM是浏览器厂商在个字浏览器上定义的,兼容性较差

三、navigator

  navigator  对象主要用来获取浏览器的属性,区别浏览器的类型,属性较多

  navigator 最常用的是navigator.userAgent,用来识别浏览器的类型 

四、screen

  保存的是浏览器窗口外面的客户端显示器信息,比如屏幕像素宽度、屏幕像素高度等等

  eg: screen.width  \ screen.height

五、location

  分析拆解url 各个部分:

  完整URL: location.href 

  URL中#后面的字符: location.hash

  url的查询字符串,?号后面的内容: location.search

  服务器名称和端口号: location.host (www.baidu.lcom:80) 

  域名,不带端口号: location.hostname (www.baidu.com)

  服务器下面的文件路径: location.pathname (/page1)

  url端口号: location.port (80)

  协议: location.protocol (https:) 

六、history

  history 对象主要用来操作浏览器URL的历史记录

  history.go() ;根据参数香前/后 跳转页面

  history.forward() :向前跳转一个页面 (跳转下一个页面)

  history.back() : 向后跳转一个页面 (返回上一个页面)

  history.length : 历史记录

  

  

posted @ 2024-12-01 14:06  yangkangkang  阅读(3)  评论(0编辑  收藏  举报