您的位置:首页 > Web前端 > JavaScript

JavaScript对象--DOM技术

2017-05-06 10:37 169 查看
<!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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jsp dom