JavaScript DOM 编程艺术读书笔记1
2015-11-09 10:24
351 查看
《JavaScript DOM 编程艺术》这本书是学习JS 入门级的书,学过HTML,CSS,和一些JS的基础后再来读还是有很多收获。以下是节选。
DHTML 是动态HTML的简称, 描述 HTML ,CSS,JS技术的组合术语。
W3C(万维网联盟,World Wide Web Consortium,缩写W3C)对DOM的定义是:一个系统平台和编程语言无关的接口,程序和脚本可以通过这个接口动态的访问和修改文档内容,结构,样式。
最好的是把<script>标签放到HTML文档的最后,</body>标签之前,这样浏览器能更快的加载页面。
程序设计语言分为解释型和编译型, 编译型:JAVA,C++,等 需要一个编译器,代码错误在编译阶段就能发现。解释型语言 JS不需要编译器,只需要解释器,代码错误只能等到解释器执行到相关代码才能发现。
JS 允许程序员直接对变量赋值,而无需提前声明。
对象:DOM中的“O”
JS里的三种对象:
用户定义对象,
内建对象:内建在JS语言中的对象,Array,Math,Data 等
宿主对象:浏览器提供的预定义对象。Form Image Element等
DOM获取元素的三种方法,
1,getElementById,返回一个对象
2,getElementByTagName, 返回的是一个对象数组
3.getElementByClassName,返回的是一个对象数组
获取和设置属性:
1.object.getAttribute(attribute)
2.object.setAttribute(attribute,value)
一份文档就是一个节点树,节点分为:元素节点,属性节点,文本节点,每个节点就是一个对象。
DHTML 是动态HTML的简称, 描述 HTML ,CSS,JS技术的组合术语。
W3C(万维网联盟,World Wide Web Consortium,缩写W3C)对DOM的定义是:一个系统平台和编程语言无关的接口,程序和脚本可以通过这个接口动态的访问和修改文档内容,结构,样式。
最好的是把<script>标签放到HTML文档的最后,</body>标签之前,这样浏览器能更快的加载页面。
程序设计语言分为解释型和编译型, 编译型:JAVA,C++,等 需要一个编译器,代码错误在编译阶段就能发现。解释型语言 JS不需要编译器,只需要解释器,代码错误只能等到解释器执行到相关代码才能发现。
JS 允许程序员直接对变量赋值,而无需提前声明。
对象:DOM中的“O”
JS里的三种对象:
用户定义对象,
内建对象:内建在JS语言中的对象,Array,Math,Data 等
宿主对象:浏览器提供的预定义对象。Form Image Element等
DOM获取元素的三种方法,
1,getElementById,返回一个对象
2,getElementByTagName, 返回的是一个对象数组
3.getElementByClassName,返回的是一个对象数组
获取和设置属性:
1.object.getAttribute(attribute)
2.object.setAttribute(attribute,value)
一份文档就是一个节点树,节点分为:元素节点,属性节点,文本节点,每个节点就是一个对象。
相关文章推荐
- JSF动态表格实现
- JS实现兼容性较好的随屏滚动效果
- Javascript:json与字符串
- 使用正则表达式去除html中的标签元素以及js和css脚本和样式
- javascript中的模板引擎template
- 问题之Errors occurred during the build. Errors running builder 'JavaScript Validator' on project 'XXX'.
- JS match() 方法注意点 (一)
- js 不同浏览器的调试器的问题
- js加密解密
- Microsoft JScript 运行时错误: “”未定义
- Funtions in JavaScript
- 初步了解javascript面向对象
- 关于在chrome中调试异步加载的javascript文件
- 线jsp版泰囧表情的生成器代码,不用PS也能恶搞。
- Javascript设计模式-发布/订阅模式最小化的示例
- js面向对象之常见创建对象的几种方式(工厂模式、构造函数模式、原型模式)
- JSP基本语法--包含指令<%@include file="路径"%> <jsp:include page>
- JS实现网页每隔3秒弹出一次对话框的方法
- JavaScript实现同时调用多个函数的方法
- javascript实现的登陆遮罩效果汇总