2020.12.29- ECMAScript

BOM浏览器对象模型
1.组成

• Window:浏览器窗口对象(重)
• Navigator:浏览器对象
• Screen:显示屏对象
• History:历史记录对象(重)
• Location:地址栏对象(重)

window:浏览器窗口对象

• 创建
  不用创建,直接使用Window对象中的属性和方法
• 方法的使用
  • 与弹出框有关的方法
    • alert():显示带有一段消息和确认按钮的警告框,不惦记确定就会阻塞信息
    • confirm()---->重点关注对象--->显示带有一段消息,以及确认和取消按钮的对话框(点击确认返回true,点击取消返回false);
      优点在于,可以选择是否进行此操作,点击确定就是确认此操作,点击取消就是不执行此操作
    • prompt():显示可提示用户输入的对话框,也有确认和取消,点击确认该方法返回输入框中的值,如果点击取消,该方法就不返回输入框中的值

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

• close():关闭窗口

• open():打开新窗口

• var id对应的标签=document.getElementById("ID名称");拿到id对应的标签

• 事件绑定操作:通过js实现标签和js代码对应,比如点击按钮,执行js代码操作---->onclick(点击事件)

• 定时器的相关的方法的使用

  • set的计时器是有返回值的
  • setInterval():按照指定的周期(毫秒)来调用函数或计算表达式(一次性)
  • setTimeout():在指定的毫秒数后调用函数或计算表达式(一次性)
    • 两个参数
    1. 函数表达式
    2. 毫秒数
  • clearIntreval():取消由setInterval的返回值(关闭计时器)
  • clearTimeout():取消由setTimeout设置的返回值(就是关闭计时器)

• 属性的使用

  1. 获取其他的BOM对象
     • history
     • location
     • Navigator
     • Screen
  2. 获取DOM对象
     • document:文档对象

• 对象特点

  • window对象不需要创建,直接使用,window.属性名/方法名,前面window还可以省略不写
  • 可以通过window对象获取其他的BOM对

location地址栏对象:通过window.location来获取
location报刊当前有关的URL的信息
1.创建
通过window来获取:通过window.location来获取,window可以不写
2.属性:
-href:设置或者返回完整的URL
3.方法：

• reload（）：让页面重新加载一次
• replace（）：用新的文档替换当前文档

history:历史记录对象
1.创建
通过window对象来获取历史记录对象：windiow.history(window可以省略不写)
2.方法：

• forward（）；加载history列表下一个url
• back（）；加载history列表前一个
• go（）；加载history列表最终页面，传入一个数字参数，正数向前，负数向后
  3.属性:
• length:当前窗口的历史记录数

Document文档对象
1.创建
通过window对象获取文档对象，window.document（window可以省略不写）。
2.方法
1. 获取Element元素对象

• getElementById（）----》通过id名称获取id名称对应的元素对象，id一般唯一
• getElementsByTagName()--->通过标签名获取对应的元素对象，返回的是一个对象数组
• getElementsByClassName()--->通过class属性值获取对应的元素对象。也是一个对象数组
• getElementsByName()--->通过name属性值获取元素对象返回的是对象数组。
  2. 创建其他的DOM对象
• createComment()--->创建注释节点
• createElement()--->创建元素节点
• createTextNote()-=-->创建文本节点
• createAttribute(name)--->创建拥有指定名称的属性节点并返回新的
  1.创建
  通过window对象获取文档对象，window.document（window可以省略不写）。
  2.方法
  1. 获取Element元素对象
• getElementById（）----》通过id名称获取id名称对应的元素对象，id一般唯一
• getElementsByTagName()--->通过标签名获取对应的元素对象，返回的是一个对象数组
• getElementsByClassName()--->通过class属性值获取对应的元素对象。也是一个对象数组
• getElementsByName()--->通过name属性值获取元素对象返回的是对象数组。
  2. 创建其他的DOM对象
• createComment()--->创建注释节点
• createElement()--->创建元素节点
• createTextNote()-=-->创建文本节点
• createAttribute(name)--->创建拥有指定名称的属性节点并返回新的