day39_ECMAScript BOM DOM

今日内容

  • ECMAScript

  • BOM

  • DOM

BOM 浏览器对象模型

  由:Window:浏览器窗口对象

    Navigator:浏览器对象

    Screen:显示器屏幕对象

    History:历史记录对象

    Location:地址栏对象

Window:浏览器窗口对象

  1.创建:不用创建,直接使用Window对象中的属性和方法

  2.方法的使用

    1.与弹出框有关的方法

      alert():显示带有一段消息和一个确认按钮的警告框。

      confirm() :显示带有一段消息以及确认按钮和取消按钮的对话框。 重点

        如果点击确认,那么该方法返回一个true值

        如果点击取消,那么该方法返回一个false值

      prompt():显示可提示用户输入的对话框。

        如果点击确认,那么该方法返回输入框中输入的值

        如果点击取消,那么该方法就不返回输入框输入的值

    2.与打开与关闭浏览器窗口的方法    

      close() : 关闭浏览器窗口。

      open(): 打开一个新的浏览器窗口或查找一个已命名的窗口。

    3.与定时器相关的方法    

      setInterval() 按照指定的周期(以毫秒计)来调用函数或计算表达式。

      setTimeout() 在指定的毫秒数后调用函数或计算表达式。

      clearInterval() 取消由 setInterval() 设置的 timeout。

      clearTimeout() 取消由 setTimeout() 方法设置的 timeout。

  3.属性的使用

    1.获取其他的BOM对象  

      history  

      location

      Navigator

      Screen

    2.获取DOM对象

      document:文档对象

  4.对象的特点  

    window对象不需要创建,直接使用,window.属性名/方法名 ,前面的window还可以省略不写

    可以通过window对象获取其他的BOM对象和DOM对象  

Location地址栏对象

    Location 对象包含有关当前 URL 的信息。

  1.创建: 通过window对象来获取 window.location,前面的window可以省略不写

  2.属性:

    href 设置或返回完整的 URL。

    hostname 获取当前url指定的服务器主机名

  3.方法:

    reload() 重新加载当前文档。 刷新动作

    replace() 用新的文档替换当前文档。

History历史记录对象

  1.创建 : 通过window对象来获取历史记录对象 window.history,前面的window可以省略不写

  2.方法:

    forward() 加载 history 列表中的下一个 URL。

    back() 加载 history 列表中的前一个 URL。

    go() 加载 history 列表中的某个具体页面。

  3.属性

    length 返回浏览器历史列表中的 URL 数量。

DOM对象

   “W3C 文档对象模型 (DOM) 是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容、结构和样式。”

  W3C DOM 标准被分为 3 个不同的部分:

    核心 DOM - 针对任何结构化文档的标准模型

    XML DOM - 针对 XML 文档的标准模型

    HTML DOM - 针对 HTML 文档的标准模型

核心DOM内容

  Document---文档对象

  Element---元素对象

  Attribute----属性对象

  Text-----文本对象

  Comment---注释对象

  Node----节点对象

Document 文档对象

  1.创建

    通过window对象获取文档对象 window.document,windom可以省略不写。

  2.方法

    获取Element元素对象:

      1.getElementById() 通过id名称获取id名称对应的元素对象。ID属性值一般唯一。

      2.getElementsByTagName() 通过标签名称获取对应的元素对象。 返回的是一个对象数组

      3.getElementsByClassName() 通过class属性值获取对应的元素对象。返回的是一个对象数组。

      4.getElementsByName() 通过name属性值获取对应的元素对象。返回的是一个对象数组。

    创建其他DOM对象

      createComment() 创建注释节点。

      createElement() 创建元素节点。

      createTextNode() 创建文本节点。

      createAttribute(name) 创建拥有指定名称的属性节点,并返回新的 Attr 对象。

原文地址:https://www.cnblogs.com/rxqq/p/14209396.html