【JavascriptDom编程艺术(笔记)】的更多相关文章

JavascriptDom编程艺术(笔记)

如果想快速学习dom的话,建议去菜鸟教程,比较浅显易懂,实战性较强.我是看纸质的书,主要是花钱,心疼,所以看完,容易记住. 1.重点: .变量 -.var修饰 -.赋值,用=号,例如ver age = ; -.可以一次声明多个变量. .数据类型:.String字符串,单引号或双引号,.数值number,.布尔值boolean,.数组.Array,.对象.Object .操作符:算术+,-,*,/ 条件,if,else, 比较:>,<,<=,>=,==,=== 逻辑:&&am…

JavaScriptDOM编程学习笔记（二）图片库案例

<JavascriptDOM编程艺术>提供一个图片库的demo,主要讲解如何更好的使用JavaScript在网页中,跟随作者的思路来分析一下这个案例 首先需求是将图片发布到网上,但是如果发布的图片比较多,那么页面就会变得过于庞大,那么当用户在访问网页的时候需要下载的数据量就非常可观了,而现实是,很少有用户会等待很长很长的时间去下载一个网页 因此,基于上述原因,为每张图片分别创建一个网页的方案就值得考虑,这样就能将图片库拆分到许多尺寸合理,便于下载和浏览的的页面,不过这样的一个解决方案面对的问题…

[Objective-C]编程艺术 笔记整理

看了<禅与 Objective-C 编程艺术>,发现不少平时不注意的或注意但没有系统总结的东西,特此记录一下. 这次没有整理完,后续更新会结合手里的一些其他资料整理. 新博客wossoneri.com传送门 完整的介绍看这两个链接 Google开源项目风格指南 禅与 Objective-C 编程艺术 (Zen and the Art of the Objective-C Craftsmanship 中文翻译) 本文的意义就是找出一些我自己平时不注意的知识点进行总结,同时提出一些自己的观点,然后…

javascriptDOM编程艺术_学习笔记_知识点 动态创建标记

传统技术:document.write 和 innerHTML 深入剖析DOM方法:createElement.createTextNode.appendChild 和 insertBefore   7.1.1 document.write document对象的write()方法可以方便快捷地把字符串插入到文档里. document.write的最大缺点是它违背了“行为应该与表现分离”的原则. document.write("<p>This is inserted.</p&g…

javascriptDOM编程艺术_学习笔记_知识点 DOM

第三章   getElementById    返回一个与那个有着给定id属性值的元素节点对应的对象. document.getElementById(id) 下面一个例子: document.getElementById("purchases") getElementsByTagName  方法返回一个对象数组,每个对象分别对应着文档里有着给定标签的一个元素. element.getElementsByTagName(tag) 下面一个例子: document.getElements…

JavaScript DOM编程艺术 笔记（一）

探测浏览器品牌版本代码-----浏览器嗅探 代码 JavaScript==ECMAScript java几乎可以部署在任何环境,js只应用于web浏览器 API是一组得到各方面共同认同的基本约定(元素周期表,国际时区,等等相当于api) DOM是一种API(应用编程接口) 语句   :结尾每一条 注释  // 单行 /*    */多行 html  <!--    --> /* var a=1; * b=a+1; 注释中间也加*比较好 */ c; 变量 variable     var 声明变…

JavaScriptDOM编程学习笔记（一）DOM概述

首先介绍下DOM,一套对文档的内容进行抽象和概念化的方法.即Document Object Model,当创建了一个网页并加载到Web浏览器中时,DOM就把编写的网页转换为一个文档对象,而通过浏览器提供的网页模型,就能通过Javascript去读取这张地图. 举个例子来说,DOM对于浏览器加载的网页,就像城市地图上的标识物映射城市,按图索骥即可找到你需要的地方. Javascript中的对象拆分为三类 用户自定义对象:由开发者自行创建的对象: 内建对象:内建在Javascript语言中的对象,比…

javascript dom编程艺术笔记之图片库的改进

dom的操作要遵守的原则 1.平稳退化 2.分离javascript 3.向后兼容 4.性能考虑 改进后的显示图片方法 function showpic(whichpic){ if(!document.getElementById("placeholder")) return false; var source=whichpic.getAttribute("href"); var placeholder=document.getElementById("p…

javascript dom 编程艺术笔记 第四章：图片库

首先先建立一个html文件,建立一个图片库 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta htt…

javascript dom编程艺术笔记第三章：DOM操作的5个基本方法

JavaScript的 DOM操作,主要是对DOM这三个字母中D.O.M的操作.D代表的是document(文档),即我们可以使用javascript对文档进行操作,O代表的是object(对象),对象包括用户自定义对象,内建对象和宿主对象,这里不再赘述,M代表的是model(模型),今天我们主要讲的就是model. model,就是把一份文档表示成一份树状结构的模型(ps:实在找不到图了,我觉得树状结构还是很容易脑补出来的吧!),这个树状结构由无数个节点组成,因为这个性质,所以,我们可以把整个…