JavaScript之DOM总结
来源:互联网 发布:ubuntu 网络文件夹 编辑:程序博客网 时间:2024/05/16 07:58
DOM (Document Object Model)即文档对象模型,针对 HTML 和 XML 文档的 API(应用程序接口),是一个能够让程序和脚本动态访问并且更新文档内容、结构及样式语言平台 。D(document),是web加载的网页文档;O(Object),我们熟知的对象,可以调用属性和方法;而M(Model)理解为网页文档的结构。
主要内容概括如下:
DOM将web浏览器加载HTML而生成的树型结构,分成了节点:
其中这些我们在之前的学习过程中都已经接触过,而meta相对来说比较陌生,它的主要用途是设置网页语言的编码方式。一般出现在网页标题部分,但是不会在浏览器页面显示,只会显示在源代码中。
这些节点一般都分为三类:元素节点、文本节点和属性节点。例如<div title=”属性”>测试</div>,div就表示元素节点,title=”属性”为属性节点,“测试”就是文本节点。
DOM类型与节点的类型有很多相似的地方,比如在DOM的Node类型中同样存在元素、属性和文本,他们的存在是为了获取节点中的对应属性值,比如:Node.ELEMENT_NODE可以获取元素节点类型值。
在DOM扩展中,有一个滚动方法,主要用于页面信息过多时,可以设置加载想要的位置。那么这个是否可以应用于评教中呢?大家都知道在评教系统中,如果有一个选项没有选择时,会提示有选项没有选,但是不会跳转到对应的位置。那么,这个方法不就可以实现该跳转吗?具体是否能够实现,有待今后继续学习。
为了减少程序中的代码量,使用DOM可以动态的为网页添加CSS样式、脚本等,实现程序代码与CSS、js等的分离,易于扩展,为我们的程序维护带来很大的便利。
总结:
通过这段时间的学习,对js才算是真正的入门。在之前的学习过程中,只了解了基础知识,具体如何应用现在刚刚开始。DOM中的一些操作,让自己想到了牛腩中的很多方法,之前都是不太了解,仅仅知道能够实现功能,具体的原理却是不清楚。学完这部分内容之后,才摸到一些门道,知道了为什么。但是,想要深入了解,还需进一步学习。。。
- JavaScript之DOM总结
- JavaScript总结--DOM
- Javascript DOM基础总结
- 【JavaScript】DOM总结
- 【JavaScript】DOM基础总结
- JavaScript DOM 操作总结
- JavaScript DOM基础知识总结
- JavaScript Dom详解总结
- JavaScript DOM一些总结
- JavaScript DOM基础总结
- JavaScript DOM编程艺术之3-4章知识点总结
- JavaEE学习笔记--JavaScript之xml dom常见API总结
- 学习笔记-JavaScript系列之DOM节点知识总结
- Javascript第五天学习总结之Dom节点
- JavaScript之DOM
- javascript之DOM技术
- javascript之DOM篇
- javascript之Dom对象
- 用pb实现Flash动画播放
- ios项目开发流程
- SpringMVC上传文件
- Effective C++条款03解读:尽可能使用const
- 深入学习xUtils
- JavaScript之DOM总结
- 2015.6.14用文件保存学生名单
- LINUX7(CentOS7)上安装Oracle 12C
- swift func
- 【iOS官方文档翻译】iOS蓝牙的基本概念
- leetcode第38题-Count and Say
- C语言基础(linux)
- 微博项目
- UVA11992:Fast Matrix Operations(线段树)