JavaScript对象--DOM技术

来源:互联网 发布:网络视频策划制作 编辑:程序博客网 时间:2024/06/05 04:40
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>DOM技术</title>
</head>
<body>
<pre>
  DOM---Document Object Model  文档对象模型
  dom技术: 把标记文档变成对象树,通过对这棵树中的对象进行操作(增删改查),实现对文档内容的操作。
      对dom对象树进行增删改查,产生的效果就是对页面内容进行增删改查!
      文档:html页面,xml文档(文件)   
</pre>

<pre>
   DHTM:动态html技术,它不是一门语言,而是一项综合技术: html+css+js+dom
       技术边界:
       html: 提供标签,对数据进行封装。----目的是便于对该标签中的数据进行操作
       css: 提供样式属性,对标签中的数据进行样式定义
       dom: 把标记文档解析成对象树,并且提供一些对树中对象进行操作的   变量和函数
       js:  提供程序设计语言,对页面中的对象进行逻辑操作 (if,for,...)
</pre>

<pre>
  bom模型: browse object model 浏览器对象模型 
  dom模型针对的是页面内容,bom模型针对的是浏览器
  
  dom: document对象代表的是整个文档页面
  bom:  window对象就是代表整个浏览器本身
  
</pre>

</body>
</html>
0 0
原创粉丝点击