[已读]JavaScript DOM高级程序设计

【[已读]JavaScript DOM高级程序设计】的更多相关文章

[已读]JavaScript DOM高级程序设计

08年出版,但是不得不说内容很好,正如书名,重点是DOM部分,看的还蛮早的,这本,记得是13年.…

JavaScript DOM高级程序设计 7.向应用程序加入Ajax--我要坚持到底！

有时候,或许是因为理解能力,也或许是因为浮躁,看东西总是不入心,而且还老是想跳过本节,或者赶紧看完本节,这样的恶性循环,让我在即没有真正的学习到知识,又打击我的学习信心,还浪费了我很多事件,我想,当遇到这种情况的时候,能做的就是放慢自己的学习脚步,让大脑有充分的时间去理解. 经过一个星期,把这本书看的差不多了,前面还好,后面就迷迷糊糊了.特别是7章之后,就是自己随便的看看了,也不想在像刚开始那样的一点一点的敲了,后面的几个案例,菜鸟对着代码,把整个电子书看完了(后面看的很粗).菜鸟写的这些博客,…

JavaScript DOM高级程序设计 4.3控制事件流和注册事件侦听器--我要坚持到底！

一.事件流我们通过下面一个实例,进行说明. <body> <h1>Event Flow</h1> <ul id="nav"> <li><a href="../image-load/image-load.html">Image-Load</a></li> <li><a href="../click/click.html">Cli…

JavaScript DOM高级程序设计 3.6 实例将HTML代码转换成DOM代码（附源码）--我要坚持到底！

作为一名Web开发者,最讨厌的事情就是重复性任务,摆脱乏味的日常重复性事物的一种方法,是借助可重用的对象或者说与你现在建立的ADS库类似的库,另外一种让事情变得有意思,且能够加速开发进程的方式是编写能够创建代码的代码. 本节讲的工具,就是它可以在快速生成要的DOM代码是用来取代使用innerHTML字符串 HTML代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org…

JavaScript DOM高级程序设计 3.-DOM2和HTML2--我要坚持到底！

由一个HTML进行说明,我就不敲了,直接copy <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>AdvancED…

JavaScript DOM高级程序设计2.1创建可重用的对象--我要坚持到底！

1.对象中包含什么在javascript中,从函数到字符串实际上都是对象继承 //创建一个person对象的实例 var penson={}; person.getName=function(){...}; person.getAge=function(){...}; //创建一个emloyee对象的实例 var employee={}; employee.getTitle=function(){...}; employ.getSalary=function(){...}; //从perso…

JavaScript DOM 高级程序设计读书笔记二

响应用户操作和事件事件就是操作检测与脚本执行的组合,或者基于检测到的操作类型在某个对象上调用事件侦听器(事件处理程序). 事件的类型事件可以分为几种类型:对象事件,鼠标事件,键盘事件(只适用于document对象),表单事件,自定义事件. 控制事件流和注册事件侦听器事件流描述的是从页面中接收事件的顺序:事件侦听器,就是一个常规的JavaScript函数. 三个阶段和三个模型事件冒泡:指的是目标元素的事件方法优先并且会被首先执行,然后,事件会向外传播到每个祖先元素,直至document对象…

JavaScript DOM 高级程序设计读书笔记一

创建可重用的对象简而言之,对象就是包含一组变量(称为属性)和函数(称为方法)的集合的实例.对象通常由类派生而来,而类中定义了对象拥有的属性和方法.如果你的脚本中都是对象之间的交互操作,那么就可以称之为OO(Object Oriented,面向对象)的脚本.特别要说明的是,JavaScript 是一种原型式(prototype-style)的OO语言,没有类的概念,所有一切都派生自现有对象的一个副本.JavaScript 的主要内置对象有:Object, Function, Array, Str…

JavaScript DOM高级程序设计 5动态修改样式和层叠样式表2--我要坚持到底！

把样式置于DOM脚本之外 style属性我们可以这样设置前景色之类的属性: element.style.color='red'; 也可以使用下面的代码设置背景颜色: element.style.backgroundColor='red'; 将background-color转换为驼峰形式大小写形式的backgroundColor(删除连接字符串并将后续单词的首字母变成大写)是必须的,DOM2样式规范为CSSStyleDeclaration对象定义了相应的方法,比如setProperty()就使…

JavaScript DOM高级程序设计 5动态修改样式和层叠样式表1（源代码）--我要坚持到底！

W3C DOM2样式规范现在这边贴出本章要的源代码,注意要结合前面用到的ADS库http://vdisk.weibo.com/s/Dq8NU CSSStyleSheet对象属性: type :始终是txt/css disabled:是否被禁用 href URL title :分组样式表的标签 media:样式表应用的目标设备类型,如screen.print ownerRule : 制度的CSSRule对象,如果样式表是使用@import等类似方式导入的,该属性即表示其父规则 inserRule…

JavaScript DOM高级程序设计 2.4-try{}catch{}--我要坚持到底！

先看一段有异常的语句 var sound = 'Roar!'; function myOrneryBeast() { this.style.color='green';//window没有style属性 alert(sound); } myOrneryBeast(); 加入try{}catch{} var sound='Roar'; function myOrneryBeast() { this.style.color='green'; alert(sound); } try { myOrner…

JavaScript DOM高级程序设计1.2-循序最佳实践--我要坚持到底！

我这人,最大的毛病就是浮躁. 下面开始我再一次的学习之旅,希望我能坚持到最后.记笔记除了分享以外,更重要的是让自己看见自己学习之路. 先把ADS库贴出来http://vdisk.weibo.com/s/DaX18 把行为从结构中分离出来全部脚本,都使用外部源文件,就当其他方式没有了解过. 昔日的javascript:前缀.(相对合理的写法.) <script type="text/javascript"> function popup(url) { window.open…

[已读]JavaScript DOM编程艺术

看到过很多人将它作为推荐入门书籍,当时我刚看完ppk和javascript精粹,于是看到这本就觉得很一般了.怎么说,它适合基础.…

JavaScript DOM高级程序设计 4.2 事件类型--我要坚持到底！

对象事件 load和unload(载入页面的时候调用load,关闭页面的时候调用unload) abort和error 对于载入图像时出现错误的情况,可以使用error事件侦听器来进行说明: ADS.addEvent(window,'load',function(){ //创建一个图像元素 var image=document.createElement('IMG'); //当图像载入后将其添加到文档主体 ADS.addEvent(image,'load',function(){ documen…

JavaScript DOM高级程序设计2.3 this--我要坚持到底！

先从一个例子说起 var sound = 'Roar'; function myOrneryBeast() { this.style.color='green';//window 方法被调用时所属的对象 alert(sound); } // this 的环境可以随着函数被赋值给不同的对象而改变 function initPage() { var example=ADS.$('example'); //使用事件属性方法 example.onlick=myOrneryBeast; //或者使用ADS…

JavaScript DOM高级程序设计1.3-常见陷阱--我要坚持到底！

区分大小写单引号双引号大多数开发人员选择用单引号,因为XTHML要求所有XHTML的属性都必须使用双引号 var html='<h2 class="a">A list!</h2>' +'<ol>' +'<li class="a">Foo</li>' +'<li class="a">Bar</li>' +'</ol>' 总是比 var html=&q…

[已读]JavaScript编程精解

译者汤姆大叔,应该很多人都知道,他写了一系列的关于闭包与作用域理解的文章,但是由于创建了一些我不理解的新名词,我不爱看. <JavaScript编程精解>算是买得比较早的一本书,那会大肆搜罗js基础书籍,这本应该是在我看完<javascript高级程序设计(第二版)>之后,紧接着看的,金玉在前,所以,原谅我对它的印象不够好,另外,我没有耐心按照书中生态圈的例子一点一点敲代码,对很多人提到的这本书的趣味性也就没有体会. 关于内容,首先,它不适合没有基础的读者看,会有一点难看懂.第二,…

[已读]JavaScript高级程序设计(第3版)

从去年开始看,因为太长,总是没有办法一口气把它看完,再加上它与第二版大部分一致,读起来兴致会更缺一点. 与第二版相比,它最大的改变就是增加了很多html5的内容,譬如:Object对象的一些新东西,数据属性.访问器属性及相应的一些方法;比如它对跨域常见方法的比较和总结:postMessage,IE8的XDR,升级的XHR,jsonp跨域原理,单向的图片ping;又比如对数据推送的一些介绍,长轮询和http流是什么样子,单向的SSE和双向的Web Socket的详细介绍和比较. PS,关于SSE,…

[已读]JavaScript高级程序设计(第2版)

经典红皮书~~…

[已读]JavaScript面向对象编程指南

又是一个忽悠人的书名,其实这本书的花了大量内容阐述JS的基础语法,BOM,DOM,事件,ajax(这个和很多js书一样).最后一章则是编程模式与设计模式. 我觉得与面向对象没多大关系,要算的话,prototype与继承,它确实有提到,但是不多(要看继承,还是应该去看<javascript高级程序(第三版)>). 最后一章的设计模式不错,工厂模式.单例模式.装饰器模式与订阅者模式都讲得很详细. PS,这个作者还写过一本书叫<javascript模式>,已经很老了.…

《JavaScript》高级程序设计第21章：Ajax和Comet，jsonp

一.创建XMLHttpRequest对象二.XHR的用法五.跨域资源共享六.其他跨域技术七.安全七.安全 1. 图像Ping 2. JSONP(JSON with padding,填充式JSON/参数式JSON) 3. Comet(“服务器推送”) 4. 服务器发送事件(SSE:Server-Sent Events) 5. Web Sockets 6. SSE & Web Sockets 7. 跨域方法小结: 七.安全 Ajax的技术核心是XMLHttpRequest对象(简称XHR) 一…

《javascript》高级程序设计——类型转换错误

容易发生类型转换错误的另一个地方,就是流控制语句.像if之类的语句在确定下一步操作之前,会自动把任何值转换成布尔值.尤其是if语句,如果使用不当,最容易出错.来看下面的例子. function concat(str1,str2,str3){ var result= str1 + str2; if (str3){ //绝对不要这样 result += str3; } return result; } 这个函数的用意是拼接两或三个字符串,然后返回结果.其中,第三个字符串是可选的,因此必须要检查.第3…

《JavaScript》高级程序设计第7章函数表达式

7.2 闭包定义: 闭包是指有权访问另一个函数作用域中的变量的函数. 理解闭包: 作用域链: 当某个函数被调用时,会创建一个执行环境以及相应的作用域链. 作用域链中,外部函数的活动对象始终处于第二位,外部函数的外部函数的活动对象处于第三位.....直至作为作用域链终点的全局执行环境变量对象: 全局函数的变量对象始终存在, 而局部环境的变量对象只在函数执行的过程中存在. 一般来讲, 当函数执行完毕后, 局部活动对象就会被销毁, 内存中仅保存全局作用域(全局执行环境中的变量对象)但是闭包的情况又…

[已读]javascript语言精粹

又是一本广为赞颂的好书,当时才刚开始学,啃这本书的时候于是比较困难.记得是有介绍一些js中的“精华”与“糟粕”.…

[已读]JavaScript模式

主要是介绍各种继承和设计模式.第一章是讲编程规范,然后里面讲到了使用new Function替代eval…

[已读]JavaScript语言精髓与编程实践

推荐第二章的内容,关于表达式和运算符的内容很独到.…

【javascript学习——《javascript高级程序设计》笔记】DOM操作

DOM(文档对象模型)是针对HTML和XML文档的一个API(应用程序编程接口).DOM描绘了一个层次节点树,允许开发人员添加.移除和修改. 1.节点层次 <html> <head> <title>Simple Page</title> </head> <body> <p>Hello World!</p> </body> </html> 如上的HTML文档,可以表示为一个层次结构. 文档…

读javascript高级程序设计00-目录

javascript高级编程读书笔记系列,也是本砖头书.感觉js是一种很好上手的语言,不过本书细细读来发现了很多之前不了解的细节,受益良多.<br/>本笔记是为了方便日后查阅,仅作学习交流,喜欢本书的童靴建议购买正版. 1.读javascript高级程序设计01-基本概念.数据类型.函数 2.读javascript高级程序设计02-变量作用域 3.读javascript高级程序设计03-函数表达式.闭包.私有变量 4.读javascript高级程序设计04-canvas 5.读javascri…

读javascript高级程序设计-目录

javascript高级编程读书笔记系列,也是本砖头书.感觉js是一种很好上手的语言,不过本书细细读来发现了很多之前不了解的细节,受益良多.<br/>本笔记是为了方便日后查阅,仅作学习交流,喜欢本书的童靴建议购买正版. 1.读javascript高级程序设计01-基本概念.数据类型.函数 2.读javascript高级程序设计02-变量作用域 3.读javascript高级程序设计03-函数表达式.闭包.私有变量 4.读javascript高级程序设计04-canvas 5.读javascri…

读javascript高级程序设计08-引用类型之Global、Math、String

一.Global 所有在全局作用域定义的属性和方法,都属于Global对象. 1.URI编码: encodeURI():主要用于对整个URI编码.它不会对本身属于URI的特殊字符进行编码. encodeComponentURI():主要用于对URI中的某一部分进行编码,很常用的是对查询字符串参数进行编码.它会对所有非标准字符进行编码. 对应的解码方法是decodeURI()和decodeURIComponent. var uri='http://www.cnblogs.com?a=1 2&b=陈…