JavaScript资料,JavaScript文章,JavaScript文档-易库教程

jQuery LigerUI 使用教程入门篇

2016年07月27日 5 阅读

jQuery LigerUI 使用教程表格篇（1）

2016年07月27日 6 阅读

第一个例子简介 ligerGrid是ligerui系列插件的核心控件，用户可以快速地创建一个美观,而且功能强大的表格,支持排序、分页、多表头、固定列等等。支持本地数据和服务器数据（配置data或者url）支持排序和分页（包括Javascript排序和分页）支持列的“显示/隐藏” 支持多表头支持固定列支持明细行支持汇总行支持单元格模板支持编辑表格（三种编辑模式,单元格编辑、行编辑、明细编辑）支持树表格支持分组代码首先引入基本的css...

JavaScript中常用的运算符小结

2016年07月27日 5 阅读

一、一元运算符 1、delete 运算符：删除对以前定义的对象属性或方法的引用。例如： var o=new Object; o.name="superman"; alert（o.name）; //输出 "superman" delete o.name; alert（o.name）; //输出 "undefined" 删除了name属性，将其设置为undefined（即创建的未初始化的变量的值）。delete不能删除开发者未定义（即ECMAScript定义）...

深入理解JavaScript系列（13） This？ Yes,this！

2016年07月27日 5 阅读

介绍在这篇文章里，我们将讨论跟执行上下文直接相关的更多细节。讨论的主题就是this关键字。实践证明，这个主题很难，在不同执行上下文中this的确定经常会发生问题。许多程序员习惯的认为，在程序语言中，this关键字与面向对象程序开发紧密相关，其完全指向由构造器新创建的对象。在ECMAScript规范中也是这样实现的，但正如我们将看到那样，在ECMAScript中，this并不限于只用来指向新创建的对象。英文翻译: Dmitry A. Soshnikov...

DOM 中的事件处理介绍

2016年07月27日 6 阅读

该接口提供了 "addEventListener" 和 "removeEventListener" 方法，用来绑定或解绑一个 EventListeners 接口到一个 EventTarget。 DOM 2 Events 中定义了 Event 接口，用来提供事件的上下文信息，它提供了若干标准属性和方法。实现 Event 接口的对象一般作为第一个参数传入事件处理函数，以用来提供当前事件相关的一些信息。事件注册根据 DOM 2 Events 中描述，节点使...

JS中的public和private对象,即static修饰符

2016年07月27日 5 阅读

复制代码代码如下: //重新封装document对象 var Console={ Write:function（msg）{alert（msg）;} }; //Person对象 var Person={ _name:"zzl", //static public _age:28, PrintInfo:function（）{Console.Write（"name:"+Person._name+",age:"+this._age）;} //public meth...

Prototype源码浅析 Enumerable部分（二）

2016年07月27日 5 阅读

前面each方法中掉了一个方面没有说，就是源码中的$break和$continue。这两个变量是预定义的，其作用相当于普通循环里面的break和continue语句的作用。出于效率的考虑，在某些操作中并不需要完全遍历一个集合（不局限于一个数组），所以break和continue还是很必要的。对于一个循环来说，对比下面几种退出循环的方式：复制代码代码如下: var array_1 = [1,2,3]; var array_2 = ["a","b","c...

json的前台操作和后台操作实现代码

2016年07月27日 6 阅读

例子如下: 复制代码代码如下: <html> <body> <h2>通过 JSON 字符串来创建对象</h3> <p> First Name: <span id="fname"></span><br /> Last Name: <span id="lname"></span><br /> </p> <scr...

formStorage 基于jquery的一个插件（存储表单中元素的状态到本地）

2016年07月27日 6 阅读

原理很简单,通过本地存储机制（userData或者localStorage）,存储表单中元素的状态到本地. 需要时可以把所存储的状态还原到表单元素上.其中也用了json数据格式, 之前想对插件中所需的功能,从零开始写,但是觉得太冗余,没必要.就基于另外2个plugin现实.分别是:jquery.json 和 jStorage. 这两个插件本身实用小巧, api简单易用, 其中jStorage在老一点的浏览器（不支持原生JSON操作）中需要用到jquery....

MooBox 基于Mootools的对话框插件

2016年07月27日 5 阅读

一方面出于对mootools的兴趣（虽然没有jQuery那么hot）, 另一方面,也是想为mootools的推广添一点小小的力量,虽然这微不足道.加上前面发布过的2个mootools组件, 写下来总的感觉是:在效果实现方面, 确实用jQuery编写要比用mootools来的容易快速的多, 因为在很多细节问题上jQuery已经为我们考虑了.比如mootools-core没有类似slideUp/Down这样的方法, 如果不引入扩展库的话,你得自己用Fx类来实现...

面向对象的Javascript之一（初识Javascript）

2016年07月27日 5 阅读

1. Javascript最大的特性在于其灵活性。作为一名前端开发人员，既可以采用函数式的编程风格，也可以采用更复杂一点的面向对象的编程风格。不管你采用哪种风格，都可以完成一些非常有用的任务。因而，Javascript是一门面向过程的语言，同时也是一门面向对象的语言，进而可以模仿面向对象语言的编程模式和惯用法。我们用一个例子来说明：启动和停止动画。如果你习惯于函数式的编程风格，代码会如下：复制代码代码如下: function startAnimati...

兼容ie、firefox的图片自动缩放的css跟js代码分享

2016年07月27日 5 阅读

需求：图片width<=330px,height<=150。 1、利用max-width,max-height使图片等比例自动缩放，代码：复制代码代码如下: img{max-width: 330px;max-height: 150px;} 由于ie6不支持css max-width,max-height,所以在ie6中需要利用javascript脚本来控制大小。 2、用javascript脚本来兼容ie6，代码如：复制代码代码如下: ...

用js来定义浏览器中一个左右浮动元素相对于页面主体宽度的位置的函数

2016年07月27日 5 阅读

首先这个元素position为fixed top为（clientHeight-elem.offsetHeight）/2（即元素在浏览器的中间,这个是固定的） left为（clientWidht-主体宽度）/2+主体宽度+左边距，左边距可以设为正数，也可以为负数，如果为负数时的绝对值等于主体宽度+elem.offsetWidht,那么元素就刚好浮动在页面主体的左边，设置为0时，刚好浮动在页面主体的右边但是万恶的ie6不支持css中fixed属性，好在i...

DOM2非标准但却支持很好的几个属性小结

2016年07月27日 6 阅读

1、偏移量 offsetWidth：指元素在水平方向上占用的空间大小，包括边框及滚动条的宽度 offsetHeight：指元素在垂直方向上占用的空间大小，包括边框及滚动条的高度 offsetLeft：返回元素的左偏移量，即元素的左外边框至包含元素的左内边框的像素距离 offsetTop：返回元素的上偏移量，即元素的上外边框至包含元素的上内边框的像素距离 offsetParent：返回最近的动态定位的包含元素的索引，即元素的祖先元素 2、客户区大小 clie...

JavaScript常用对象的方法和属性小结

2016年07月27日 5 阅读

本文将简单介绍JavaScript中一些常用对象的属性和方法，以及几个有用的系统函数。一、串方法 JavaScript有强大的串处理功能，有了这些串方法，才能编写出丰富多彩的网页。在这一部分里，我们将介绍到如何使用与串对象有关的方法和属性。 1.串对象的length属性串对象仅有一个属性length，这个属性值表示这个串所包括字符的相对数目。语法为: stringName.length 2.串对象的方法 JavaScript提供了多个串方法...

基于JQUERY的多级联动代码

2016年07月27日 5 阅读

jquery.select.more.js 复制代码代码如下: （function（$）{ $.fn.doselectmore = function（settings） { var dfop ={ namekey: "name", pnamekey: "name", idkey: "id", selectname:"sel", method: "POST", datatype: "json", param:{}, pval:null, chckval:n...

Javascript倒计时（定时）执行跳转事件的代码

2016年07月27日 5 阅读

9 document.getElementByIdx_x=function（id）{ if（typeof id =="string"） return document.getElementById（id）; else throw new error（"please pass a string as a id！"） } var timer = window.setInterval（function（）{ document.getElementByIdx_x...

getElementByIdx_x js自定义getElementById函数

2016年07月27日 6 阅读

函数代码: 复制代码代码如下: document.getElementByIdx_x=function（id）{ if（typeof id =="string"） return document.getElementById（id）; else throw new error（"please pass a string as a id！"） } 实例代码: 复制代码代码如下: <div id="box">9</div> <...

js String对象中常用方法小结（字符串操作）

2016年07月27日 5 阅读

1、charCodeAt方法返回一个整数，代表指定位置字符的Unicode编码。 strObj.charCodeAt（index）说明： index将被处理字符的从零开始计数的编号。有效值为0到字符串长度减1的数字。如果指定位置没有字符，将返回NaN。例如： var str = "ABC"; str.charCodeAt（0）; 结果：65 2、fromCharCode方法从一些Unicode字符串中返回一个字符串。 String.fromCharC...

面向对象的Javascript之二（接口实现介绍）

2016年07月27日 5 阅读

就足以说明接口在面向对象的领域中有多重要。但JS却不像其他面向对象的高级语言（C#,Java,C++等）拥有内建的接口机制，以确定一组对象和另一组对象包含相似的的特性。所幸的是JS拥有强大的灵活性（我在上文已谈过），这使得模仿接口特性又变得非常简单。那么到底是接口呢？接口，为一些具有相似行为的类之间（可能为同一种类型，也可能为不同类型）提供统一的方法定义，使这些类之间能够很好的实现通信。那使用接口到底有哪些好处呢？简单地说，可提高系统相似模块的重用性，...

首页 / 脚本样式 / JavaScript

jQuery LigerUI 使用教程入门篇

jQuery LigerUI 使用教程表格篇（1）

JavaScript中常用的运算符小结

深入理解JavaScript系列（13） This？ Yes,this！

DOM 中的事件处理介绍

JS中的public和private对象,即static修饰符

Prototype源码浅析 Enumerable部分（二）

json的前台操作和后台操作实现代码

formStorage 基于jquery的一个插件（存储表单中元素的状态到本地）

MooBox 基于Mootools的对话框插件

面向对象的Javascript之一（初识Javascript）

兼容ie、firefox的图片自动缩放的css跟js代码分享

用js来定义浏览器中一个左右浮动元素相对于页面主体宽度的位置的函数

DOM2非标准但却支持很好的几个属性小结

JavaScript常用对象的方法和属性小结

基于JQUERY的多级联动代码

Javascript倒计时（定时）执行跳转事件的代码

getElementByIdx_x js自定义getElementById函数

js String对象中常用方法小结（字符串操作）

面向对象的Javascript之二（接口实现介绍）