跳转到主内容
websoft网络软件专家 - 深耕网络技术,打造实用软件!

第2篇快速入门 —js基础实战BOM--浏览器对象模型、DOM

BOM:把浏览器窗口封装成对象模型,供js进行访问。最重要的一个对象是:window
BOM--浏览器对象模型
  BOM:把浏览器窗口封装成对象模型,供js进行访问。最重要的一个对象是:window

window中的属性演示



前进


两种定时器: 一次性定时器:setTimeout(),clearTimeout() 周期性定时器;setInterval(),clearInterval()
BOM--浏览器对象模型

window中的方法演示














为了演示滚动效果

为了演示滚动效果

为了演示滚动效果

为了演示滚动效果

为了演示滚动效果

为了演示滚动效果

为了演示滚动效果

为了演示滚动效果

小例子
ad.html

一条广告消息

一条广告消息

一条广告消息

Name:
BOM---浏览器对象模型

history演示中的第二个页面

后退
DOM--文档对象模型 文档对象模型(DOM: Document Object Model): 文档:标记型文档(HTML,XML)。特征:里面除了标签,就是标签封装的内容 对象:封装了属性和行为的实体,可以被直接调用。 模型:所有标记型文档都具备一些共有特征的一个体现。 DOM = BOM(浏览器对象模型) + DOM(文档对象模型) DHTML:动态HTML,它不是一门语言,是多项技术综合体的简称。DHTML = HTML + CSS + DOM + JS 技术边界: HTML: 负责提供标签,对数据进行封装,目的是便于对该标签中的数据进行操作。 CSS: 负责提供样式属性,对标签中的数据进行样式的定义。 DOM: 负责将标记型文档以及文档中的所有内容进行封装成对象,解析。在对象中定义了更多的属性和行为,便于对对象进行操作。 JS: 负责提供程序设计语言。--if, for, var , function, ...
DOM--文档对象模型
  文档对象模型(DOM: Document Object Model):
  文档:标记型文档(HTML,XML)。特征:里面除了标签,就是标签封装的内容
  对象:封装了属性和行为的实体,可以被直接调用。
  模型:所有标记型文档都具备一些共有特征的一个体现。 
  
  DOM = BOM(浏览器对象模型) + DOM(文档对象模型)
  DHTML:动态HTML,它不是一门语言,是多项技术综合体的简称。
  DHTML = HTML + CSS + DOM + JS
  技术边界:
  HTML: 负责提供标签,对数据进行封装,目的是便于对该标签中的数据进行操作。
  CSS: 负责提供样式属性,对标签中的数据进行样式的定义。
  DOM: 负责将标记型文档以及文档中的所有内容进行封装成对象,解析。
               在对象中定义了更多的属性和行为,便于对对象进行操作。
  JS: 负责提供程序设计语言。--if, for, var , function, ...
  

相关文章: 第1篇快速入门—js基础实战中的Date、Math、Global对象 第3篇快速入门—js基础实战应用代码分享 相关视频: 前端JS开发27个经典实战视频教程-免费在线视频教程

相关文章