Bom

Bom和Dom

Bom

Window对象

Window对象是BOM中的顶级对象
window对象表示整个浏览器窗口。
JavaScript中的任何一个全局函数或变量都是window的成员。全局变量是 window 对象的属性。全局函数是 window 对象的方法。例如：alert，定时器都是window对象的方法。调用它的子对象时可以不显示的指明window对象。

• open()

  • window.open(“要打开的网页”, “网页名字”, “height=400,width=400,top=10,left=10”);

• close()

• innerHeight

  • 浏览器窗口的内部高度(兼容所有浏览器)—包含滚动条

• innerWidth

  • 浏览器窗口的内部宽度(兼容所有浏览器)

• outerWidth

  • 可以获取浏览器窗口的整个宽

• outerHeight

  • 可以获取浏览器窗口的整个高

• screenLeft

  • 窗口距离屏幕左上角的位置

• screenTOP

• 窗口距离屏幕顶部的位置

• screenX

• 鼠标指针相对于屏幕的水平坐标。

• screenY

• 鼠标指针相对于屏幕的垂直坐标。

history对象

• back()

• back()方法用于模仿浏览器的后退按钮，相当于history.go(-1)

• forward()

• forward()方法用于模仿浏览器的前进按钮，相当于history.go(1)

• go()
  使用go()方法可以在用户的历史记录中任意跳转。这个方法接收一个参数，表示向后或向前跳转的页面数的一个整数值。负数表示向后跳转(类似于后退按钮)，正数表示向前跳转(类似于前进按钮)

  • 0

    • 刷新页面

  • -1

    • 后退一页

  • 1

    • 前进一页

  • 2

    • 前进两页

• history.pushState({a:1}),“shop”,"?data="+n);

  • history.pushState()方法向浏览器历史添加了一个状态。pushState()方法带有三个参数：一个状态对象、一个标题(现在被忽略了)以及一个可选的URL地址

  • - history.pushState(state, title, url);
    

  • state object —— 状态对象是一个由pushState()方法创建的、与历史纪录相关的javascript对象。当用户定向到一个新的状态时，会触发popstate事件。事件的state属性包含了历史纪录的state对象。如果不需要这个对象，此处可以填null
    title —— 新页面的标题，但是所有浏览器目前都忽略这个值，因此这里可以填null
    URL —— 这个参数提供了新历史纪录的地址。新URL必须和当前URL在同一个域，否则，pushState()将丢出异常。这个参数可选，如果它没有被特别标注，会被设置为文档的当前URL

  • pushState方法不会触发页面刷新，只是导致history对象发生变化，地址栏的显示地址发生变化

  • 如果pushState的url参数，设置了一个新的锚点值(即hash)，并不会触发hashchange事件，即使新的URL和旧的只在hash上有区别

  • 如果设置了一个跨域网址，则会报错。这样设计的目的是，防止恶意代码让用户以为他们是在另一个网站上

• window.onpopstate=function(){}

  • 触发回退

• history.replaceState()

  • 用来在浏览历史中添加和修改记录。会修改当前历史记录条目而并非创建新的条目.

• length

  • 属性返回历史列表中的网站数

location对象

• reload()

  • 重新加载当前页面

• href

  • 可以设置跳转当前页面地址
  • location.href = “https://www.baidu.com/”;

• assign

  • 可以设置跳转当前页面地址
  • location.assign(“https://www.baidu.com/“)

• replace

  • location.replace(“https://www.baidu.com/”);
  • 不产生历史记录

• hash

  • 获取#号后面的锚点

• search

  • 获取?号后面的参数

• hostname

  • 返回 web 主机的域名

• pathname

  • 返回当前页面的路径和文件名

• port

  • 返回 web 主机的端口 （80 或 443）

• protocol

  • 返回所使用的 web 协议（http:// 或 https://）

screen对象

• availHeight

  • 屏幕的高度像素减去系统部件高度之后的值,不包含任务高

• availWidth

  • 屏幕的宽度像素减去系统部件宽度后的值,不包含任务宽

• height

  • 屏幕的高度像素

• width

  • 屏幕的宽度像素

navigation对象

• userAgent

  • 返回由客户机发送服务器的 user-agent 头部的值

• appName

  • 返回浏览器的名称。

• appVersion

  • 返回浏览器的平台和版本信息。

• platform

  • 返回运行浏览器的操作系统平台。