HTML之JavaScript——操作BOM

BOM

浏览器对象模型：提供独立于内容而与浏览器窗口进行交互的对象。

示例

1.window对象

window对象的方法有很多，大家可以自行百度，我在这里就演示几种常用的方法：

• confirm方法：向用户显示简单的对话框，用于获取用户的响应，prompt（）方法也可以。

  
  示例

• 打开新窗口
  window.open（）方法
  三个参数：
  1.需要载入新窗口的网页的url
  2.新窗口的名字
  3.特性字符串

  
  示例

• focus（）
  请求或放弃窗口的键盘焦点。

  
  示例
  示例

• setInterval()和setTimeout（）
  定时器，设置或者取消重复调用的函数，该函数在两次调用之间有指定的延迟，设置或取消在指定的若干毫秒后要调用一次的函数。
  setInterval()：
  让函数在一定时间内重新执行，外部调用
  setInterval(函数名.时间间隔)；
  时间间隔：毫秒为单位
  clearInterval函数：
  清除设置的setInterval函数
  clearInterval（timed）；

  
  示例1
  示例
  

  定时器：
  window.setTimeout(函数名，毫秒值）；
  特单：只执行一次
  window.setInterval(函数名，毫秒值)；
  特点：循环执行

  
  示例

• 练习：
  1.在div中每秒显示当前系统时间，5秒后停止

  
  示例
  

  2.在文本框中每隔一秒显示一个数字，即1-9，第10秒时提示“10秒已到”

  
  示例

2.document对象

getElementsByName:
根据NAME标签属性的值获取对象的集合

示例
示例
示例
示例

3.其他BOM

• history对象
  属性：length
  方法：go() back() forward()

  
  history1
  history2
  history3

• location对象
  href属性：跳转

  
  示例
• 练习：
  1.通过定时器实现3张图片的切换（轮播图）
  思路：3张图片名分别设置成1.jpg2.jpg3.jpg,获取到标签对象，通过对象.src属性，改变图片路径（拼串）

（此文章仅作为个人学习笔记使用，如有错误欢迎指正~）