2016年04月_RockyHills

原创使用jquery制作漂亮相册集

目录：简单的图像翻滚漂亮的相册集资源文件简单的图像翻滚image-rollover常被用在交互式导航栏上，当我们的鼠标移动到导航栏时，按钮的外观改变。例如我们以如下几幅黑白缩略图作为导航图表，当鼠标移动到指定图标时，图标变为明亮的彩色图片。预览如下：该页面的代码十分简单，我们以此为例逐步实现图像的翻滚：img-rollover.html<!DOCTYPE html><html><head

2016-04-28 13:49:37 8793 3

原创使用jQuery让事件动起来

目录：三步实现jQuery方式处理事件$(document).ready()与window.onloadthis和$(this)常用的hover()和toggle()通过点击文章标题展开、隐藏新闻内容三步实现jQuery方式处理事件发生在Web页面的每一件事情都可以称为事件，为了使Web页面具有交互性，我们采用的方法是通过编写程序来响应事件。例如，鼠标移动到导航栏时显示帅气的下拉菜单；鼠

2016-04-26 16:37:02 4937 8

原创 JavaScript DOM(二)

HTML元素特性与DOM属性Element类型节点Text类型节点HTML元素特性与DOM属性HTML标签中的attribute和DOM对象的property是比较容易混淆的两个概念，实际上这二者对于理解”文档对象模型”是十分重要的。通常我们会把HTML标签的attribute译为”特性”而把DOM对象的property译为”属性”。文档对象模型(DOM)是针对HTML和XML文档的一个API

2016-04-18 14:50:38 4044

原创 JavaScript DOM(一)

目录：DOM家谱树节点的基本属性和方法document与getElement方法DOM家谱树DOM可以将任何HTML或XML文档描绘成一个由多层次节点构成的结构。其中节点被分为几种不同的类型，每种类型表示文档中不同的信息或标记。每个节点又拥有各自的属性和方法，同时和其他节点存在着某种关系。DOM将文档描述的层次结构可以表示为一种”树型”模型，更确切地说，是一种家谱树。它使用parent，ch

2016-04-15 16:16:42 5246

原创 JavaScript事件基础知识

目录一、DOM0级事件处理二、事件冒泡与事件捕获三、DOM2级事件处理四、IE事件处理程序及跨浏览器支持五、事件对象一、DOM0级事件处理事件，由WEB页面中发生的一些特定行为触发。比如在某个页面元素上按下鼠标左键，按下键盘某个按键，某对象获得或丢失焦点时均会触发对应的事件。JavaScript和HTML的交互就是通过事件来实现的。我们使用事件侦听器对事件进行“注册”，事件发生时便执行相

2016-04-12 13:19:16 4625 1

在JavaScript中，继承主要是通过原型链来实现的。原型链和前文所说的原型对象密切相关。原型对象可以参考JavaScript构造函数和原型对象。为了彻底搞清楚JavaScript的继承，我们先搞清楚原型链是什么。原型链继承我们知道，所有的引用类型都默认继承了Object，因而所有自定义类型都拥有toString()、valueOf等默认方法。我们只是知道这个结论，但现在我们更感兴趣的是这个继承关

2016-04-08 13:47:54 4675 3

原创 JavaScript构造函数及原型对象

JavaScript中没有类的概念，所以其在对象创建方面与面向对象语言有所不同。JS中对象可以定义为”无序属性的集合”。其属性可以包含基本值，对象以及函数。对象实质上就是一组没有特定顺序的值，对象中每个属性、方法都有一个名字，每个名字都映射到了一个值，因此我们可以将对象想象称为一个散列表。JS是一种基于对象的语言，对象的概念在JS体系中十分的重要，因此有必要清楚地了解一下JS中对象创建的常用方法

2016-04-07 10:00:41 25926 24

原创 JavaScript深入理解函数参数列表及“不存在重载”

函数的参数JS和其他大多数语言一个较为明显的区别就在于函数参数的处理上。因为在JS中调用函数的时候，传入的参数数据类型是可以不固定的，个数也无所谓多少个。听起来很奇怪，实际上，JS中的参数在内部是用一个数组表示的，不论传入的参数属于什么数据类型，有多少个，函数接收的都是这个数组。解析器并不对数组内容进行检查。（在JS中，数组的长度是可变的，存储元素的类型也是不固定的。）我们知道了函数参数保存在一个数

2016-04-03 11:36:37 2471

原创 JavaScript常用对象Array(2)

数组的join方法数组拼接concat方法数组切分slice方法强大的splice方法indexOf以及lastIndexOf方法几种常用的迭代方法数组的join方法我们知道，数组的toString()以及toLocaleString()方法会返回以逗号分隔的数组字符串。但是如果我们希望分隔符不是单一的逗号，我们可以选择使用join()方法。join()方法可以接受一个参数，这个参数就是

2016-04-03 11:26:10 1394 1

原创 JavaScript常用对象Array(1)

Array类型几乎是JavaScript中最常用的类型了。JavaScript中数组的概念与Java，C中类似，但有两点需要强调：1、Array中每一项保存的数据类型可以不同。例如第一项保存一个字符串数据，第二项保存一个数值等。2、Array数组的长度是可以动态调整的。也就是可以随时对一个数组增添新的内容。Array对象的创建Array对象的访问、添加元素Array对象转换为字符串Array

2016-04-01 14:23:38 2013

王浴昊