JavaScript中常用的BOM对象(属性、方法)

时间:2022-04-16 15:29:26
  1. window对象
    1. 定义:
      1. 一个浏览器窗口实例
      2. 与窗口有关的信息(应用程序编程接口)  
      3. ECMAScript规定的Global对象
    2. 方法
      1. open(url),返回标识符 引用 即将打开窗口的。(调用该引用对象的close方法 即可关闭该窗口
      2. 间歇调用setInterval(函数,time)。clearInterval()

      3. 超时调用 setTimeout(函数,time);表示在多久后把代码注入消息队列(如果队列是空的那么会立即执行,否则等待前面的代码执行完毕后再执行) clearTimeout()

      4. 系统对话框

        1. alert(字符串)

        2. confirm(表示提示的文字);返回 true / false 

        3. prompt (提示文字信息,提前键入的文字);返回输入的信息 或者 null

  2. location对象
    1. 定义:  
      1. 保存着与当前文档有关的信息。

      2. 将URL解析为独立的片段方便开发者 进行访问。

      3. window.location === document.location

    2. 方法

      1. location.assign(新url),打开新url,并在记录中创建一条新记录

      2. location.reload(true/false):刷新当前页面.

      3. location.replace(url):用传入的url代替当前记录的url,不在记录中创建新的记录。

      4. window.location = 新url、location.href = 新url  与 location.assign(新url)效果一样

    3. 属性
      1. href:完整的url

      2. host:主机或域名

      3. hostname:返回不带端口号的主机或域名。

      4. pathname:返回url中的目录和文件名。

      5. hash:返回hash值(‘#target’)

      6. search:返回查询字符串(‘?name=fafa&sex="mae"’)

  3. history对象
    1. 定义:保存着用户上网的历史记录。

    2. 方法:
      1. go(数字)
        1. 数字:数字 -1 页面后退一个记录,+1前进一个记录 
      2. back():后退一个记录
      3. forward():前进一个记录