至道

为了分担服务器处理表单的压力，JavaScript提供了一些解决方案，从而大大打破了处处依赖服务器的局面。 一．表单介绍在HTML中，表单是由元素来表示的，而在JavaScript中，表单对应的则是HTMLFormElement类型。HTMLFormElement继承了HTMLElement，因此它拥有HTML元素具有的默认属性，并且还独有自己的属性和方法： HTMLFormE

3大点：1.元素位置2.动态脚本3.动态样式  一．元素位置getBoundingClientRect()。这个方法返回一个矩形对象，包含四个属性：left、top、right和bottom。分别表示元素各边与页面上边和左边的距离。var box = document.getElementById('box');//获取元素alert(box.get

一．操作表格标签是HTML中结构最为复杂的一个，可以通过DOM来创建生成它（比较麻烦），或者HTML DOM来操作它。//需要操作的table人员表姓名性别年龄汤高男20汤小高男18合计：N //使用DOM来创建这个表格var table = document.creat

三大点：1.获取元素CSS大小2.获取元素实际大小3.获取元素周边大小  一．获取元素CSS大小1.通过style内联获取元素的大小var box = document.getElementById('box');//获取元素box.style.width;//200px、空box.style.height;//200px、空 PS：st

一．事件对象事件处理三部分组成：对象.事件处理函数=函数。例如：单击文档任意处。document.onclick = function () {alert('Lee');}; PS：以上程序的名词解释：click表示一个事件类型，单击。onclick表示一个事件处理函数或绑定对象的属性(或者叫事件监听器、侦听器)。document表示一个绑定的对象，用于触发某个元素

JavaScript事件是由访问Web页面的用户引起的一系列操作，例如：用户点击。当用户执行某些操作的时候，再去执行一系列代码。 一．事件介绍JavaScript有三种事件模型：内联模型、脚本模型和DOM2模型。  二．内联模型这种模型是最传统接单的一种处理事件的方法。在内联模型中，事件处理函数是HTML标签的一个属性，用于处理指定事件。虽然内联在早期使用较多，

事件绑定分为两种：一种是传统事件绑定(内联模型，脚本模型)，一种是现代事件绑定(DOM2级模型)。现代事件绑定在传统绑定上提供了更强大更方便的功能。 一．传统事件绑定的问题传统事件绑定有内联模型和脚本模型，内联模型我们不做讨论，基本很少去用。先来看一下脚本模型，脚本模型将一个函数赋值给一个事件处理函数。var box = document.getElementById('box')

function keyProcess(e) { var e = e || event; var currentKey = e.keyCode || e.which || e.charCode; if (currentKey == 13 ) { submitEvent(); } }document.onkeydown = keyProcess;

智能营销平台 大写锁定已开启 (function(){ var inputPWD = document.getElementById('loginPasswd'); var capital = false; var capitalTip = { elem:document.getElementById('capital'), toggl

随着网站逐渐变成"互联网应用程序"，嵌入网页的Javascript代码越来越庞大，越来越复杂。网页越来越像桌面程序，需要一个团队分工协作、进度管理、单元测试等等......开发者不得不使用软件工程的方法，管理网页的业务逻辑。Javascript模块化编程，已经成为一个迫切的需求。理想情况下，开发者只需要实现核心的业务逻辑，其他都可以加载别人已经写好的模块。但是，Ja

这个系列的第一部分介绍了Javascript模块的基本写法，今天介绍如何规范地使用模块。（接上文）七、模块的规范先想一想，为什么模块很重要？因为有了模块，我们就可以更方便地使用别人的代码，想要什么功能，就加载什么模块。但是，这样做有一个前提，那就是大家必须以同样的方式编写模块，否则你有你的写法，我有我的写法，岂不是乱了套！考虑到Javascript模

这个系列的第一部分和第二部分，介绍了Javascript模块原型和理论概念，今天介绍如何将它们用于实战。我采用的是一个非常流行的库require.js。一、为什么要用require.js？最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多，一个文件不够了，必须分成多个文件，依次加载。下面的网页代码，相信很多人都见

DOM自身存在很多类型，比如Element类型：表示的是元素节点，再比如Text类型：表示的是文本节点。DOM也提供了一些扩展功能。 一．DOM类型DOM基础课程中，我们了解了DOM的节点并且了解怎样查询和操作节点，而本身这些不同的节点，又有着不同的类型。 DOM类型类型名说明Node表示所有类型值的统一接口，IE

DOM（Document Object Model）即文档对象模型，针对HTML和XML文档的API（应用程序接口）。 一．DOM介绍DOM中的三个字母，D（文档）可以理解为整个Web加载的网页文档；O（对象）可以理解为类似window对象之类的东西，可以调用属性和方法，这里我们说的是document对象；M（模型）可以理解为网页文档的树型结构。DOM有三个等级，分别是DOM1、D

JavaScript语法

JavaScript事件对于事件来讲，首先，我们需要了解这样几个概念：事件；事件处理程序；事件类型；事件流；事件冒泡；事件捕获；事件对象；事件模拟，事件方面的性能优化（事件委托、移除事件处理程序）； 事件的概念事件：指的是文档或者浏览器窗口中发生的一些特定交互瞬间。我们可以通过监听器（或者处理程序）来预定事件，以便事件发生的时候执行相应的代码。事件处理程序：我们用户在页面中进行的点击这个动作，鼠标

什么是正则表达式？正则表达式也叫做匹配模式(Pattern)，它由一组具有特定含义的字符串组成，通常用于匹配和替换文本。 在JavaScript脚本中，利用正则表达式可以很容易的实现文本字符串的检测、替换等功能。 正则表达式是字符串，它定义了一个用来搜索匹配字符串的模式。定义模式：/表达式/JavaScript脚本语言中引入正则表达式主要作用： 验证字符串格式 查找字符串 替换文本创建方式

知识点： 1.Date类型 2.通用的方法 3.格式化方法 4.组件方法JavaScript提供了Date类型来处理时间和日期。Date类型内置一系列获取和设置日期时间信息的方法。一．Date类型 Date类型是在早期Java中java.util.Date类基础上构建的。为此，Date类型使用UTC (Coordinated Universal Time，国际协调时间[又称世界统一时间])

知识点 1.变量及作用域 2.内存问题JavaScript的变量与其他语言的变量有很大区别。JavaScript变量是松散型的(不强制类型)本质，决定了它只是在特定时间用于保存特定值的一个名字而已。由于不存在定义某个变量必须要保存何种数据类型值的规则，变量的值及其数据类型可以在脚本的生命周期内改变。一．变量及作用域 1.基本类型和引用类型的值 变量可能包含两种不同的数据类型的值：基本类型值和

学习要点： 1.Object类型 2.Array类型 3.对象中的方法什么是对象，其实就是一种类型，即引用类型。而对象的值就是引用类型的实例。一．Object类型到目前为止，我们使用的引用类型最多的可能就是Object类型了。虽然Object的实例不具备多少功能，但对于在应用程序中的存储和传输数据而言，它确实是非常理想的选择。创建Object类型有两种。一种是使用new运算符，一种是字面量表示

掌握： 1.函数的声明方式 2.作为值的函数 3.函数的内部属性 4.函数属性和方法Function(函数)类型实际上是对象。每个函数都是Function类型的实例，而且都与其他引用类型一样具有属性和方法。由于函数是对象，因此函数名实际上也是一个指向函数对象的指针。一．函数的声明方式1.普通的函数声明 function box(num1, num2) { return num1+

知识点： 1.基本包装类型概述 2.Boolean类型 3.Number类型 4.String类型为了便于操作基本类型值，ECMAScript提供了3个特殊的引用类型：Boolean、Number和String。这些类型与其他引用类型相似，但同时也具有与各自的基本类型相应的特殊行为。实际上，每当读取一个基本类型值的时候，后台就会创建一个对应的基本包装类型的对象，从而能够调用一些方法来操作这些

javaScript有两种开发模式：1.函数式(过程化)，2.面向对象(OOP)。面向对象的语言有一个标志，那就是类的概念，而通过类可以创建任意多个具有相同属性和方法的对象。但是，javaScript没有类的概念，因此它的对象也与基于类的语言中的对象有所不同。一．创建对象 创建一个对象，然后给这个对象新建属性和方法。var box = new Object(); /

匿名函数与闭包的相关知识点

知识点： 1.Global对象 2.Math对象java对内置对象的定义是：“由javaScript实现提供的、不依赖宿主环境的对象，这些对象在javaScript程序执行之前就已经存在了。”意思就是说，开发人员不必显示地实例化内置对象；因为它们已经实例化了。java只定义了两个内置对象：Global和Math。一．Global对象 Global(全局)对象是javaScript中一个特别的对

BOM 1.window对象2.location对象3.history对象 BOM也叫浏览器对象模型，它提供了很多对象，用于访问浏览器的功能。BOM缺少规范，每个浏览器提供商又按照自己想法去扩展它，那么浏览器共有对象就成了事实的标准。所以，BOM本身是没有标准的或者还没有哪个组织去标准它。 一．window对象BOM的核心对象是window，它表示浏览器的一个实

测试后可用    测试                    var width;var height;function imgUpload() {var obj=document.getElementById('uploader');if(obj.files&&obj.files[0]){var