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>
<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>
相关文章推荐
- javascript核心技术 DOM 文档对象模型
- Javascript文档对象模型(DOM)实例分析 - 爵士的舞步 - JavaEye技术网站
- JavaScript对象---dom技术,对象树的创建
- JavaScript高级应用:使用DOM技术操纵文档
- JavaScript高级应用:使用DOM技术操纵文档
- 在JavaScript中使用DOM技术动态控制表格
- JavaScript学习笔记---DOM技术
- javascript之DOM技术(二)
- JavaScript高级应用:使用DOM技术操纵文档
- [推荐]javascript 面向对象技术基础教程
- javascript Dom: documentFragment 文档碎片对象
- javascript客户端对象层次和0级DOM收藏
- JavaScript高级应用:使用DOM技术操纵文档
- JavaScript高级应用:使用DOM技术操纵文档
- JavaScript DOM对象结构图
- 在JavaScript中使用DOM技术动态控制表格
- JavaScript高级应用:使用DOM技术操纵文档
- JavaScript高级应用:使用DOM技术操纵文档
- JavaScript高级应用:使用DOM技术操纵文档
- javascript之DOM技术(一)