给个例子: body{ font-size: 12px;} h2,h3{ margin: 0;} ul{ margin: 0; padding: 0; list-style: none; } #outer_wrap li{ padding-left: 30px; line-height: 24px;} .controlSymbol{ pad...

DOM变化 1. 针对XML命名空间的变化 ①Node类型的变化 ■DOM2级中，Node类型包含下列特定于命名空间的属性。 □localName：不带命名空间前缀的节点名称。 □namespaceURI：命名空间URI，未指定则为null。 □prefix：命名空间前缀，未指定则为null。 ■DOM3级 □isDefaultNamespace(namespace...

1.事件流 1.1事件冒泡（IE事件流） □事件冒泡（event bubbling），即事件开始时由最具体的元素（文档中嵌套层次最深的那个节点）接受，然后逐级向上传播到较为不具体的节点（文档）。 □所有浏览器均支持事件冒泡。Firefox、chrome、safari将事件一直冒泡到window对象。 1.2事件捕获（Netscape事件流） □不太具体的节点更早收到事件，而具体...

提交表单用户单击提交按钮或图像按钮时，就会提交表单。使用和都可以定义提交按钮，只要将其type特性的值设置为"submit"即可，而图像按钮则是通过将的type特性设置为"image"来定义。 --通用提交按钮Submit Form --自定义提交按键 --图像按钮只要表单中存在上面列出的任何一种按钮，那么在相应的表单控件拥有焦点的情况下，按回车键就可以提交表单。(...

一、基本用法1.要使用canvas元素，需要先给定其width和height来设置绘图区域的大小。canvas中间的文本会在浏览器不支持canvas的情况下显示出来。do not support.2.绘图上下文：要在canvas绘图，需要通过getContext方法来获取上下文。传入参数“2d”，就可以获取2d上下文。在调用getContext方法之前要先判断一下该方法是否存在。...

一、跨文档消息传递（XDM）1.发送消息postMessage(msg,domain)用于发送跨文档消息。第一个参数是要传递的消息内容，第二个参数表示接收方来自哪个域。第二个参数有助于提高安全性，如果发现域不匹配则不会进行操作。2.接收消息接收到消息时，会触发window对象的message事件。传递给onmessage事件处理程序的对象主要包含三个信息：data:对应...

错误处理与调试 1.开启浏览器错误报告 1.1 Internet Explorer □Toos → Internet Option → Anvanced → Display a notification about every script error 1.2 Firefox □Tools → Error Console (Firebug) 1.3 Safari □Ed...

1.浏览器对XML DOM的支持1.1 DOM2级核心①在DOM2级在document.implementation中引入了createDocument()方法（IE6~8不支持）。可以创建一个空白XML。var xmldom = document.implemention.createDocument(namespaceUri,root,docype);②要创建一个新的文档元...

e4x本质上是一种全新的语言,同正则表达式(Regular Expression)一样,它有自己完整的语法,但它们都是as3语法的一部分.注:作者貌似对e4x很不满意,具体请看原文.先准备要用的xml:var thePeople:XML =27Mims H WrightTeh AWesoeomes!       26RogThat guy ...

一种结构化数据的格式，与JavaScript有相同的语法形式，但不属于JavaScript。支持多种编程语言。1、语法JSON有3种类型的值：简单值、对象 和 数组。简单值：字符串、数值、布尔值、null （JSON不支持JavaScript的特殊值undefined）对象：一组无序键值对。值可为简单值，或对象和数组。数组：一组有序键值对。值可为简单值，或对象和数组JSON...

XMLHttpRequest对象在IE5中，XHR对象是通过MSXML库中的ActiveX对象实现的。在IE中可能会遇到三种不同版本的XHR对象，即MSXML2.XMLHttp、MSXML2.XMLHttp.3.0和MXSML.XMLHttp.6.0。IE7之后的版本和其他浏览器都会使用下面的函数来创建：var xhr=new XMLHttpRequest();兼容性创建XHR的代码如...

高级函数 1.1 作用域安全的构造函数 ①直接调用构造函数而不适用new操作符时，由于this对象的晚绑定，它将映射在全局对象window上，导致对象属性错误增加到window。 function Person(name,age,job){ this.name = name; this.age = age; this.job = job; } Var perso...

CookieHTTP Cookie，通常直接叫做cookie，最初是在客户端用于存储会话信息的。该标准要求服务器对任意HTTP请求发送Set-Cookie HTTP头作为响应的一部分，其中包含会话信息。HTTP/1.1 200 OKContent-type:text/htmlSet-Cookie:name=valueOther-heade...

可维护性什么是可维护的代码可维护的代码有一些特征。可理解性——其他人可以接手代码并理解它的意图和一般途径，而无需原开发人员的完整解释。 直观性——代码中的东西一看就能明白，不管其操作过程多么复杂。可适应性——代码以一种数据上的变化不要求完全重写的方法撰写。可扩展性——在代码架构上已考虑到在未来允许对核心功能进行扩展。可调试性——当有地方出错时，代码可以给予你足够的信息来...

25.1 requestAnimationFrame() 很长时间以来，计时器和循环间隔一直都是JavaScript动画的最核心技术。虽然CSS变换及动画为Web 开发人员提供了实现动画的简单手段，但JavaScript动画开发领域的状况这些年来并没有大的变化。Firefox 4 最早为 JavaScript 动画添加了一个新 API，即 mozRequestAnimationFrame()。这...

A.1 一般性变化 Harmony为 ECMAScriptq引入了一些基本的变化。对这门语言来说，这些虽然不算是大的变化，但的确也弥补了它功能上的一些缺憾。 A.1.1 常量 没有正式的常量是JavaScript的一个明显缺陷。为了弥补这个缺陷，标准制定者为Harmony增加了用const 关键字声明常量的语法。使用方式与var类似，但const声明的变量在初始赋值后，就不能再重新赋值了。来看...

二、DOM扩展 1. 呈现模式 ①document对象的compatMode属性 □值为“CSS1Compat”即标准模式。 □值为“BackCompact”即混杂模式。 ②IE8为document对象引入documentMode新属性，返回数值：5（混杂模式）、7（仿真模式）、8（标准模式） 2. 滚动 □滚动方法都是作为HTMLElement类型的扩展存在，可再元素...

　DOM（文档对象模型）　　@针对HTML和XML文档的一个API，为基本的文档结构及查询提供接口。　　@IE中的DOM都是以COM对象的形式实现的，故IE中的DOM对象于原生JavaScript对象的行为或活动特点有差异。　　10.1节点层次　　　　@DOM能够将任何HTML或XML文档庙会成一个由多层节点构成的结构。　　　　@每个文档只能有一个文档元素，在HTM...

客户端存储 1.cookie ①最初是在客户端用于存储会话信息的。 1.1 限制 ①cookie在性质上是绑定在特定的域名下的。当设定了一个cookie后，再给创建它的域名发送请求时，都会包含这个cookie。 ②cookie的限制： □IE6以及更低版本限制每个域名最多20个cookie。 □IE7和之后版本每个域名最多50个cookie。 □Firefox50个...

var str='123';$('#div').append(str);var min_tr = 5, min_td = 7;var tr = Math.floor(Math.random() * 10) + min_tr; for(var i = 0; i < tr; i ++) { var dom = ''; var td = Math.floor(Math...

在js读取文本框或者其它表单数据的时候获得的值是字符串类型的,例如两个文本框a和b,如果获得a的value值为11,b的value值为9 ,那么a.value要小于b.value,因为他们都是字符串形式的.在网上找了一下js字符串转数字的文章,这个比较全方法主要有三种转换函数、强制类型转换、利用js变量弱类型转换。1. 转换函数：js提供了parseInt()和parseFloat...

第1章 JS简介DOM1 组成：DOM Core 与 DOM HTMLDOM1 的目标主要是映射文档的结构，扩展支持XML命名空间DOM2 扩充了鼠标和用户界面时间，范围，遍历，对CSS支持DOM3 统一加载和保存文档方法，新增验证文档方法第2章 在页面中使用JS"...

1 JavaScript 简介1.1 JavaScript 简史阶段 背景 公司 浏览器版本 JavaScript 版本 影响诞生 在当时依然使用“猫”进行上网、网络速度非常慢的情况下，网页的大小和复杂度却越来越高，因此为了简单的表单校验，而进行频繁的数据交互只会加重用户的负担，造成不好的用户体验 Netscape，Sun 公司组成的开发联盟 Netscape Navigator 2 ...

相关术语　　先简要说一下和JavaScript相关的一些背景术语，就不详细讨论JavaScript的历史了，想了解的朋友可以参考原书。ECMA：欧洲计算机制造商协会（Standard ECMA-262European Computer Manufacturers Association）。TC39：ECMA第39号技术委员会（Technical Committee#39），由来...

　　这一篇复习一下ECMAScript规范中的基础语法，英文好的朋友可以直接阅读官方文档。JavaScript本质上也是一种类C语言，熟悉C语言的朋友，可以非常轻松的阅读这篇文章，甚至都可以跳过，不过建议你最好还是看一看，在介绍的同时，我可能会引用一些自认为不易理解且比较流行的用法。基础语法1、标识符：所谓标识符，实际上就是指一个满足一定规范，能够被引擎识别的名字，可以用来表示...

数据类型是编程语言的砖瓦，是所有你能想象到的复杂抽象的基础，在现代编程语言中，除了语言本身内置的一些简单数据类型外，基本上都提供了用于自定义数据类型的语言机制（在C中也可以利用结构体来实现），这些机制在一定程度上也决定了该语言的流行度和生命力。ECMAScript是一种动态类型的语言，构建于5种简单数据类型（Undefined、Null、Boolean、Number、String）和一种复杂数据类...

　　如果说数据类型是编程语言的砖瓦，那么运算符和操作符则是编程语言的石灰和水泥了，它是将各种数据类型的值有机组合的糅合剂，使得数据值不再只是一个孤立的值，而有了一种动态的灵性。在ECMAScript中，有非常丰富的运算符和操作符，在这篇文章中将按通常的分类来稍微整理一下，不过在整理之前，先说明一下：1、虽然标题是运算符和操作符，然而在我看来并没有多少严格区分的必要，在英文中，貌似也是用一个...

变量类型　　在说函数之前，先来说说变量类型。1、变量：变量在本质上就是命名的内存空间。2、变量的数据类型：就是指变量可以存储的值的数据类型，比如Number类型、Boolean类型、Object类型等，在ECMAScript中，变量的数据类型是动态的，可以在运行时改变变量的数据类型。3、变量类型：是指变量本身的类型，在ECMAScript中，变量类型就只有两...

动态属性■对于引用类型的值，我们可以为其动态添加属性和方法，也可以改变和删除其属性和方法。var person = new Object();person.name = 'Nicholas'; //为person添加name属性person.say = function(){ //为person添加say()方法alert('hello world!');}alert(...

　　Object类型是JavaScript中使用最多的一种类型。虽然Object的实例不具备多少功能，但对于在应用程序中存储和传输数据而言，它确实是非常理想的选择。　　创建Object实例的方式有两种，第一种是使用new操作符后跟Object构造函数。 var person = new Object(); person.name = "tt"; per...

这一章应该是Javascript中最抽象的一章，其中原型、原型链、构造函数等多次出现，几乎贯穿了整个章节。而对于创建对象和继承，也都是基于原型和构造函数而来的。因此这一部分的内容需要细细琢磨。尤其是对于原型、原型链，应该多画图，加深理解。1、面向对象的语言有一个标志，那就是它们都有类的概念，而通过类可以创建任意多个具有相同属性和方法的对象。ECMAScript中没有类的概念，因此它的对象业余基...

　　内建对象是指由ECMAScript实现提供的、不依赖于宿主环境的对象，这些对象在程序运行之前就已经存在了。内建对象就好比是JDK中的类库，开发者可以直接拿来使用，这极大的方便了常见的编程任务。这篇文章就来浏览一下主要的内建对象，当然，我们并不是第一次接触内建对象，前面已经接触到的就有Object、Function、Boolean、Number、String，对于已经介绍过的，这里再总结复习...

函数表达式1、JavaScript中定义函数有2钟方法：1-1.函数声明：functionfuncName(arg1,arg2,arg3){ //函数体}①name属性：可读取函数名。非标准，浏览器支持:FF、Chrome、safari、Opera。②函数声明提升：指执行代码之前会先读取函数声明。即函数调用可置于函数声明之前。1-2.函数表达式：varfuncNam...

：Window对象1.window:既是通过JavaScript访问浏览器的一个接口，又是ECMAScript规定的Global对象    2.使用var语句添加的window属性有一个名为[[configurable]]的特性，这个特性值被设置为false,因此这样定义的属性不可以       通过delete操作符删除。IE8及更早版本在遇到delete删除window属性时会报错...

B.1 选择使用 要选择进入严格模式，可以使用严格模式的编译指示（pragma），实际上就是一个不会赋给任何变量的字符串： "use strict"; 这种语法（从ECMAScript 3开始支持）可以向后兼容那些不支持严格模式的JavaScript引擎。支持严格模式的引擎会启动这种模式，而不支持该模式的引擎就当遇到了一个未赋值的字符串字面量，会忽略这个编译指示。 如果是在全局作用域中（函数外部...