兴化yj的博客_JavaScript

JavaScript的事件绑定及深入

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

事件

转载精选 2013-02-04 09:02:27 1318 阅读 1点赞

JavaScript的事件对象

JavaScript 事件的一个重要方面是它们拥有一些相对一致的特点，可以给你的开发提供更多的强大功能。最方便和强大的就是事件对象，他们可以帮你处理鼠标事件和键盘敲击方面的情况，此外还可以修改一般事件的捕获/冒泡流的函数。一．事件对象事件处理函数的一个标准特性是，以某些方式访问的事件对象包含有关于当前事件的上下文信息。事件处理三部分组成：对象.事件处理函数=函数。例如：

的

转载精选 2013-02-03 14:42:06 474 阅读

JavaScript的事件入门

JavaScript 事件是由访问Web 页面的用户引起的一系列操作，例如：用户点击。当用户执行某些操作的时候，再去执行一系列代码。一．事件介绍事件一般是用于浏览器和用户操作进行交互。最早是IE 和Netscape Navigator 中出现，作为分担服务器端运算负载的一种手段。直到几乎所有的浏览器都支持事件处理。而DOM2 级规范开始尝试以一种复合逻

的

模型

Firefox

Chrome

Opera

转载精选 2013-02-03 14:26:52 414 阅读

JavaScript的动态加载脚本和样式

本章主要讲解上一章剩余的获取位置的DOM 方法、动态加载脚本和样式。一．元素位置上一章已经通过几组属性可以获取元素所需的位置，那么这节课补充一个DOM 的方法：getBoundingClientRect()。这个方法返回一个矩形对象，包含四个属性：left、top、right 和bottom。分别表示元素各边与页面上边和左边的距离。 var box =&nb

javascript

动态

转载精选 2013-01-30 17:07:50 628 阅读

JavaScript的DOM元素尺寸和位置

本章，我们主要讨论一下页面中的某一个元素它的各种大小和各种位置的计算方式，以便更好的理解。一．获取元素 CSS大小 1.通过style 内联获取元素的大小 var box = document.getElementById('box'); //获取元素 box.style.width; //200px、空 box

的

元素

转载精选 2013-01-30 14:39:03 966 阅读

JavaScript的DOM操作表格及样式

DOM 在操作生成HTML 上，还是比较简明的。不过，由于浏览器总是存在兼容和陷阱，导致最终的操作就不是那么简单方便了。本章主要了解一下DOM 操作表格和样式的一些知识。一．操作表格 <table>标签是HTML 中结构最为复杂的一个，我们可以通过DOM 来创建生成它，或者HTML DOM 来操作它。(PS：HTML DOM 提供了更加方便快捷的方式来操作HTML

javascript

dom

转载精选 2013-01-29 16:45:32 2114 阅读

JavaScript的DOM进阶

DOM 自身存在很多类型，在DOM 基础课程中大部分都有所接触，比如Element 类型：表示的是元素节点，再比如Text 类型：表示的是文本节点。DOM 也提供了一些扩展功能。一．DOM类型 DOM 基础课程中，我们了解了DOM 的节点并且了解怎样查询和操作节点，而本身这些不同的节点，又有着不同的类型。 1.Node 类型 Node 接口是DOM1 级就定义了，Node

DOM

转载精选 2013-01-29 16:26:47 488 阅读

JavaScript中DOM基础

DOM（Document Object Model）即文档对象模型，针对HTML 和XML 文档的API（应用程序接口）。DOM 描绘了一个层次化的节点树，运行开发人员添加、移除和修改页面的某一部分。DOM 脱胎于Netscape 及微软公司创始的DHTML（动态HTML），但现在它已经成为表现和操作页面标记的真正跨平台、语言中立的方式。一．DOM介绍 DOM 中的三个字母，D（

DOM

转载精选 2013-01-22 21:35:45 626 阅读

JavaScript的浏览器检测

由于每个浏览器都具有自己独到的扩展，所以在开发阶段来判断浏览器是一个非常重要的步骤。虽然浏览器开发商在公共接口方面投入了很多精力，努力的去支持最常用的公共功能；但在现实中，浏览器之间的差异，以及不同浏览器的“怪癖”却是非常多的，因此客户端检测除了是一种补救措施，更是一种行之有效的开发策略。一．navigator对象 naviga

检测

转载精选 2013-01-21 20:25:39 3193 阅读

Javascript的BOM 1

BOM 也叫浏览器对象模型，它提供了很多对象，用于访问浏览器的功能。BOM 缺少规范，每个浏览器提供商又按照自己想法去扩展它，那么浏览器共有对象就成了事实的标准。所以，BOM 本身是没有标准的或者还没有哪个组织去标准它。一．window对象 BOM 的核心对象是window，它表示浏览器的一个实例。window 对象处于JavaScript 结构的最顶层，对于每个打开的窗口，系统都会自动

Javascript

转载精选 2013-01-21 18:54:38 482 阅读

Javascript的BOM 1

BOM 也叫浏览器对象模型，它提供了很多对象，用于访问浏览器的功能。BOM 缺少规范，每个浏览器提供商又按照自己想法去扩展它，那么浏览器共有对象就成了事实的标准。所以，BOM 本身是没有标准的或者还没有哪个组织去标准它。一．window对象 BOM 的核心对象是window，它表示浏览器的一个实例。window 对象处于JavaScript 结构的最顶层，对于每个打开的窗口，系统都会自动

的

转载精选 2013-01-21 17:14:12 295 阅读

Firebug控制台详解

作者：阮一峰日期： 2011年3月26日 Firebug是网页开发的利器，能够极大地提升工作效率。但是，它不太容易上手。我曾经翻译过一篇《Firebug入门指南》，介绍了一些基本用法。今天，继续介绍它的高级用法。 =================================== Firebug控制台详解作者：阮一峰控制台（Console）是Firebu

Firebug

转载精选 2013-01-15 10:23:40 396 阅读

Firebug入门指南

作者：阮一峰日期： 2008年6月 8日据说，对于网页开发人员来说，Firebug是Firefox浏览器中最好的插件之一。我最近就在学习怎么使用Firebug，网上找到一篇针对初学者的教程，感觉比较有用，就翻译了出来。 ================= Firebug入门指南作者：Estelle Weyl 原文网址：http://www.evotech.net

Firebug

转载精选 2013-01-15 10:21:23 270 阅读

闭包的一则面试题

<ul id="test"> <li>这是第一条</li> <li>这是第二条</l

面试

的

转载精选 2013-01-14 20:27:29 549 阅读

深入理解JavaScript闭包(closure)

最近在网上查阅了不少Javascript闭包(closure)相关的资料，写的大多是非常的学术和专业。对于初学者来说别说理解闭包了，就连文字叙述都很难看懂。撰写此文的目的就是用最通俗的文字揭开Javascript闭包的真实面目。一、什么是闭包？ “官方”的解释是：闭包是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。

闭包

转载精选 2013-01-13 20:21:42 319 阅读

Javascript面向对象编程（三）：非构造函数的继承

转载自阮一峰老师的一篇博文这个系列的第一部分介绍了"封装"，第二部分介绍了使用构造函数实现"继承"。今天是最后一个部分，介绍不使用构造函数实现"继承"。一、什么是"非构造函数"的继承？比如，现在

javascript

继承

转载精选 2013-01-11 13:54:41 187 阅读

Javascript定义类（class）的三种方法

转载自阮一峰老师的blog 在面向对象编程中，类（class）是对象（object）的模板，定义了同一组对象（又称"实例"）共有的属性和方法。 Javascript语言不支持"类"，但是可以用一些变通的方法，模拟出"类"

blog

的

编程

转载精选 2013-01-08 19:14:34 215 阅读

Javascript面向对象编程（二）：构造函数的继承

这个系列的第一部分，主要介绍了如何"封装"数据和方法，以及如何从原型对象生成实例。今天要介绍的是，对象之间的"继承"的五种方法。比如，现在有一个"动物"对象的构造函数。 function Animal(){ 　　this.species = "动物";&nb

继承

转载精选 2013-01-08 17:28:06 210 阅读

Javascript 面向对象编程

转载自Astar先生的Javascript 面向对象编程 Javascript 是一个类C的语言，他的面向对象的东西相对于C++/Java 比较奇怪，但是其的确相当的强大，在 Todd 同学的“对象的消息模型”一文中我们已经可以看到一些端倪了。这两天有个

面向对象编程

转载精选 2013-01-08 15:15:56 235 阅读

JavaScript的单体内置对象

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

单体内置对象

转载精选 2013-01-06 19:04:13 505 阅读

JavaScript的基本包装类型

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

基本包装类型

转载精选 2013-01-06 15:43:15 256 阅读

JavaScript的Function类型

ECMAScript的函数是对象，函数名是指针创建：函数声明法： function sum (num1, num2) { return num1 + num2; } 函数表达式法： var sum =&n

Function

转载精选 2013-01-05 15:24:38 263 阅读

JavaScript正则表达式2

获取控制正则表达式元字符是包含特殊含义的字符。它们有一些特殊功能，可以控制匹配模式的方式。反斜杠后的元字符将失去其特殊含义。 /*使用点元字符*/ var pattern = /g..gle/; //.匹配一个任意字符&nbs

表达式

转载精选 2013-01-04 09:27:48 484 阅读

javascript正则表达式1

创建正则表达式创建正则表达式和创建字符串类似，创建正则表达式提供了两种方法，一种是采用new 运算符，另一个是采用字面量方式。 var box = new RegExp('box'); //第一个参数字符串 var box = new RegExp('box',

javascript

字符串

表达式

是

转载精选 2013-01-02 12:10:19 227 阅读

JavaScript中Date()类型

ECMAScript 中的Date 类型是在早期Java 中java.util.Date 类基础上构建的。为此，Date 类型使用UTC (Coordinated Universal Time，国际协调时间[又称世界统一时间]) 1970 年1 月 1 日午夜(零时)开始经过的毫秒来保存日期。在使用这种数据存储格式的条件下，Date 类型保存的日期能够精确到1970 年1 月1 日之前或之

Date

转载精选 2012-12-29 13:52:27 765 阅读

javascript 数组对象中的迭代方法

/* javascript 数组对象中的迭代方法 * ECMAScript5为数组定义了5个迭代方法。每个方法都接受两个参数，第一个是进行迭代的函数，第二个是该函数的作用域对象【可选】。 * 进行迭代的函数接受三个参数，第一个是数组中要进行迭代的元素的值，第二个是数组候总要进行迭代的元素的位置，

javascript

转载精选 2012-12-29 12:58:02 610 阅读

javascript中的排序sort()函数

sort()函数会自动调动toString()方法字符串会数组参数，所以sort（）方法可以接收一个比较函数做为参数。比较函数接收两个参数，如果第一个参数应该在第二个参数前面则返回负数，如果两个参数相等则返回0，如果第二个参数位于第一个参数前面则返回正数。以下是一个简单地比较函数： function compare(value1, value2)

的

javascript

字符串

compare

原创 2012-12-28 19:10:53 536 阅读

JavaScript对象中的方法

默认情况下，数组字符串都会以逗号隔开。如果使用join()方法，则可以使用不同的分隔符来构建这个字符串。 var box = ['李炎恢', 28, '计算机编程']; alert(box.join('|')); //李炎恢|28|计算机编程栈方法 ECMAScript 数组提供了一种让数

方法

转载精选 2012-12-28 10:55:04 256 阅读

JavaScript中内存问题

JavaScript 具有自动垃圾收集机制，也就是说，执行环境会负责管理代码执行过程中使用的内存。其他语言比如C 和C++，必须手工跟踪内存使用情况，适时的释放，否则会造成很多问题。而JavaScript 则不需要这样，它会自行管理内存分配及无用内存的回收。 JavaScript 最常用的垃圾收集方式是标记清除。垃圾收集器会在运行的时候给存储在内存中的变量加上标记。然后，它会去掉环境

内存

转载精选 2012-12-27 13:23:30 468 阅读

JavaScript中搜索变量

一般确定变量都是通过搜索来确定该标识符实际代表什么。 var box = 'blue'; //代表全局box function getBox() { return box; } //如果加上函数体内加上var box&n

搜索

转载精选 2012-12-27 11:36:16 263 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

web个人笔记

JavaScript的事件绑定及深入

JavaScript的事件对象

JavaScript的事件入门

JavaScript的动态加载脚本和样式

JavaScript的DOM元素尺寸和位置

JavaScript的DOM操作表格及样式

JavaScript的DOM进阶

JavaScript中DOM基础

JavaScript的浏览器检测

Javascript的BOM 1

Javascript的BOM 1

Firebug控制台详解

Firebug入门指南

闭包的一则面试题

深入理解JavaScript闭包(closure)

Javascript面向对象编程（三）：非构造函数的继承

Javascript定义类（class）的三种方法

Javascript面向对象编程（二）：构造函数的继承

Javascript 面向对象编程

JavaScript的单体内置对象

JavaScript的基本包装类型

JavaScript的Function类型

JavaScript正则表达式2

javascript正则表达式1

JavaScript中Date()类型

javascript 数组对象中的迭代方法

javascript中的排序sort()函数

JavaScript对象中的方法

JavaScript中内存问题

JavaScript中搜索变量