JavaScript-5


BOM

浏览器对象模型(Browser Object Model (BOM))尚无正式标准。由于现代浏览器已经(几乎)实现了 JavaScript 交互性方面的相同方法和属性,因此常被认为是 BOM 的方法和属性。

Window

BOM 中最顶层对象是 window 对象。它表示浏览器窗口。

  • window.open() 打开新窗口
  • window.close() 关闭当前窗口
  • window.innerHeight 返回窗口的文档显示区的高度。
  • window.innerWidth 返回窗口的文档显示区的宽度。

BOM中常用对象

  • document DOM的顶层对象。

  • navigator 有关浏览器的信息

    • navigator.appCodeName 返回浏览器的代码名
    • navigator.appName 返回浏览器的名称
    • navigator.appVersion 返回浏览器的平台和版本信息
    • navigator.cookieEnabled 返回浏览器是否启用 cookie,true:启用,false未启用。
    • navigator.platform 返回运行浏览器的操作系统平台
    • navigator.userAgent 返回由客户机发送服务器的user-agent 头部的值
  • screen 客户端显示屏幕的信息

    • screen.availHeight 返回屏幕的高度(不包括Windows任务栏)
    • screen.availWidth 返回屏幕的宽度(不包括Windows任务栏)
    • screen.height 返回屏幕的总高度
    • screen.width 返回屏幕的总宽度
    • screen.pixelDepth 返回屏幕的颜色分辨率(每象素的位数)
  • history 用户(在浏览器窗口中)访问过的 URL

    • history.back() 加载 history 列表中的前一个 URL
    • history.forward() 加载 history 列表中的下一个 URL
    • history.go(num) 加载 history 列表中的某个具体页面 ,num可以是负数。
  • location 当前 URL 的信息。

    • location.hash 返回一个URL的锚部分
    • location.host 返回一个URL的主机名和端口
    • location.hostname 返回URL的主机名
    • location.href 返回完整的URL
    • location.pathname 返回的URL路径名。
    • location.port 返回一个URL服务器使用的端口号
    • location.protocol 返回一个URL协议
    • location.search 返回一个URL的查询部分
    • location.assign() 载入一个新的文档
    • location.reload() 重新载入当前文档
    • location.replace() 用新的文档替换当前文档

    URL

    URL(Uniform Resource Locator,统一资源定位符),在WWW上,每一信息资源都有统一的且在网上唯一的地址。

  • URL由三部分组成:资源类型、存放资源的主机域名、资源文件名。

  • 也可认为由4部分组成:协议、主机、端口、路径

  • URL的一般语法格式为:带方括号[]的为可选项)

  • protocol :// hostname[:port] / path / [;parameters][?query]#fragment*