zoukankan      html  css  js  c++  java
  • 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 对象。

  • 相关阅读:
    iOS提交后申请加急审核
    EF5.0修改实体的时候,出现“对一个或多个实体的验证失败。有关详细信息,请参见“EntityValidationErrors”属性这个错误
    验证码生成-->漂亮啊
    用js将毫秒时间转成正常时间
    Ajax异步请求-简单模版
    unity3d自己写角色移动脚本
    unity3d实现序列帧动画
    unity3d切换场景时,背景音乐保持播放
    C#给文件重命名
    NGUI如何创建自己的精灵图集
  • 原文地址:https://www.cnblogs.com/rxqq/p/14209396.html
Copyright © 2011-2022 走看看