BOM-JavaScript是运行在浏览器中的,所以提供了一系列对象用于和浏览器窗口进行交互,这些对象主要包括window、document、location、navigator和screen等。通常称为浏览器对象模型(Brower Object Model)

Window对象是整个JavaScript脚本运行的顶层对象,它的常用属性如下:

document

返回该窗口内装载的HTML文档

location

返回该窗口装载的HTML文档的URL

navigator

返回浏览当前页面的浏览器,包含了一系列的浏览器属性,包括名称、版本号和平台等。

screen

返回当前浏览者屏幕对象

history

返回该浏览窗口的历史

提示:这些属性都是属于window对象的子对象,每个子对象内部也提供了各自的属性和方法来进行对浏览器的操作。

window对象的常用方法:

alert()、confirm()、prompt()

分别用于弹出警告窗口、确认对话框和提示输入对话框。

close()

关闭窗口

scrollBy()、scrollTo()

滚动当前窗口的HTML文档

setInterval()、clearInterval()

设置、删除定时器

DOM是文档对象模型(Document Object Model)的简称。当网页加载时,可以将结构化文档在内存中转换成对象的树。以下是HTML DOM树:

小结:简单的说DOM并不是一种技术,而是一种访问结构化文档的一种思想。借助DOM模型,我们可以对DOM树进行修改、删除、新增等操作,让结构化文档动态化。

DOM模型中的节点——文档可以说是由节点构成的集合。在DOM模型中有以下3种节点:

  1. 元素节点:各种标签就是这些元素节点的名称,例如<p>、<ul>等
  2. 文本节点:文本节点总是被包含在元素节点的内部
  3. 属性节点:一般用来修饰元素节点就称之为属性节点。

为了动态地修改HTML元素,须先访问HTML元素。DOM主要提供了两种方式来访问HTML元素:

  1. 根据ID访问HTML元素:通过document对象调用getElementById()方法来查找具有唯一id属性值的元素。

   2.利用节点关系访问HTML元素。常用的属性和方法如下:

parentNode

返回当前节点的父节点

previousSibling

返回当前节点的前一个兄弟节点

nextSibling

返回当前节点的后一个兄弟节点

childNodes

返回当前节点的所有子节点

firstChild

返回当前节点的第一个子节点

lastChild

返回当前节点的最后一个子节点

getElementsByTagName(tagName)

返回当前节点的具有指定标签名的所有子节点

最新文章

  1. 开源免费的天气预报接口API以及全国所有地区代码(国家气象局提供)
  2. ZOJ 3703 Happy Programming Contest(DP)
  3. ini_set 设置php配置项 在windows和linux下的不同
  4. C# 非独占延时函数 非Sleep
  5. struts的由来
  6. php使用 _before_index() 来实现访问页面前,判断登录
  7. 记录下关于SQL Server的东西
  8. Python运维开发基础-概述-简介
  9. 用Pytorch训练MNIST分类模型
  10. webpack打包样式代码去重
  11. iOS上传图片和视频(base64和file)
  12. 从Java的角度简单修复Cookie越权漏洞
  13. python之OpenCv
  14. C++ 11 创建和使用 unique_ptr
  15. mysql 自增长
  16. python自定义函数的参数之四种表现形式
  17. Swing中支持自动换行的WrapLayout
  18. PHP文件上传与下载
  19. 关于MYSQL字符集问题(一)
  20. 【JDBC&amp;Dbutils】JDBC&amp;JDBC连接池&amp;DBUtils使用方法(重要)

热门文章

  1. Spring Cloud学习 之 Spring Cloud Hystrix(流程分析)
  2. Mahout聚类和kafaka相关知识
  3. 【Kafka】数据分区策略
  4. qt绘制甘特图
  5. u-boot spl 学习总结
  6. Oracle JDK究竟从哪个版本开始商用收费?
  7. python 基础应用2
  8. mysql-kettle-superset电商可视化数据分析
  9. 2020网鼎杯 白虎组reverse:hero
  10. 【WEB自动化】【第一节】【Xpath和CSS元素定位】