JQuery 遮罩层实现（mask）实现代码

2017年02月06日 26 阅读

其中有mask（）和unmask（）这两个方法,这两个方法在指定的元素上添加一个遮罩层和一个提示消息实现，增加客户体验。由于最近做项目的时候，发现有时为了使用这一两个方法需要引入一个比较“庞大”的Extjs进来，觉得有点不划算，于是自己用jquery实现了一个比较简单mask、unmask方法来实现该效果。大家知道jquery是一个优秀的javascript框架，不但体积小而且使用方便，我现在逐渐将系统中使用Extjs实现的代码或组建全部更换成Jquery...

jQuery 页面 Mask实现代码

2017年02月06日 23 阅读

在 Ajax 应用中，显示一个 Dialog（以 Div 方式显示）前，都会先建一个 Mask。因为经常会用到，所以写成了一个 jQuery 插件，方便自己的使用。复制代码 代码如下: （function（$）{ $.extend（{ documentMask: function（options）{ // 扩展参数 var op = $.extend（{ opacity: 0.8, z: 10000, bgcolor: "#000" }, options）...

Javascript的构造函数和constructor属性

2017年02月06日 29 阅读

例如,在Chrome下调试如下程序，很清楚的展示了这点： 然而事情并不是这么简单。再看下面的代码：很显然，这个时候obj的constructor已经不再是创建它的函数，注意到obj.name也是undefined，因此修改构造函数的prototype的contructor并不会影响构造函数所产生的对象。真正的原因是：一个对象的constructor是它的构造函数的prototype.constructor，而每一个函数都有一个prototype，默认情况下...

js或css文件后面跟参数的原因说明

2017年02月06日 26 阅读

经常遇到页面里加载的js与css文件带有参数，比如： <script type="text/javascript" src="jb51.js？version=1.2.6"></script><link rel="stylesheet" href="base.css？version=2.3.3" type="text/css" /> 使用参数有两种可能， 脚本并不存在，而是服务端动态生成的，因此带了个版本号，以示区别。 客...

将CKfinder整合进CKEditor3.0的新方法

2017年02月06日 25 阅读

CKFinder 1.4 下载地址：http://ckfinder.com/CKEditor3.0 下载地址：http://ckeditor.com/实例： 复制代码 代码如下: <textarea id="Textarea1" name="editor1" rows="10" cols="80"></textarea> <script type="text/javascript"> if （typeof CKEDITO...

jQuery UI-Draggable 参数集合

2017年02月06日 26 阅读

Draggable 库文件：ui/ui.core.js、ui/ui.draggable.js ============================================================ Default： $（”#draggable”）.draggable（）; ============================================================ constrain-movement（限制范围...

javascript call方法使用说明

2017年02月06日 23 阅读

先看一下官方的解释： call 方法 请参阅 应用于：Function 对象 要求 版本 5.5 调用一个对象的一个方法，以另一个对象替换当前对象。 call（[thisObj[,arg1[, arg2[, [,.argN]]]]]） 参数 thisObj 可选项。将被用作当前对象的对象。 arg1, arg2, , argN 可选项。将被传递方法参数序列。 说明 call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初...

javascript instanceof 与typeof使用说明

2017年02月06日 25 阅读

typeof用以获取一个变量的类型，typeof一般只能返回如下几个结果：number,boolean,string,function,object,undefined。我们可以使用typeof来获取一个变量是否存在，如 if（typeof a ！= "undefined"）{}，而不要去使用if（a）因为如果a不存在（未声明）则会出错，对于Array,Null等特殊对象使用typeof一律返回object，这正是typeof的局限性。 如果我们希望获取一...

IE bug table元素的innerHTML

2017年02月06日 25 阅读

首先时飘忽不定的collapse的border，ie6偏偏有一个地方与其他浏览器表现不同，一条丑陋的border不管怎么样都显示出来。无解。 上面的问题可以用诡异方法解决的话，那接下来就完全没有办法了。 由于涉及到了数据的异步传输和实时显示，于是自己写了一个前端模版通过innerHTML动态更新数据。其他浏览器都工作正常，偏偏ie怎么都出不来数据。排查了半天，结果是IE的table元素为只读，不能使用innerHTML！！！！ 同样为只读的元素还有COL,...

Javascript学习笔记1 数据类型

2017年02月06日 25 阅读

代码类型只有一种形式就是function。 undefined：未定义，我们也可称之为不存在，typeof（undefined）=undefined. null:为空。undefined是不存在，而null是存在，但却无。typeof（null）=object,但null又不是object，这就是null的神奇而独特之处。 boolean:true or false。 Number:NaN和Infinity是两个特殊之数，NaN代表一个无法用数值来表示的数...

Javascript学习笔记2 函数

2017年02月06日 23 阅读

就像我们可以写成这样的形式一样： 复制代码 代码如下: function Hello（） { alert（"Hello"）; } Hello（）; var Hello = function （） { alert（"Hello"）; } Hello（）; 其实都是一样的。 但是当我们对其中的函数进行修改时，会发现很奇怪的问题。 复制代码 代码如下: <script type="text/javascript"> function Hello（）...

Javascript学习笔记3 作用域

2017年02月06日 26 阅读

在Javascript，全局环境本身就一个对象。在浏览器宿主中这个对象是window，而当Javascript用于其它非浏览器的宿主，如嵌入式的环境中，可能会是其它的对象。 在这里也纠正一个观念，有很多人都认为Javascript只在浏览器中使用，其实Javascript也能在很多非Web情况下使用，据介绍Javascript在一些基于嵌入式的应用领域表现得也很出色，当然这些我也只是听过传说而已。 言归正传，当我们写下：var i=1时，其实就是声明了一个...

Javascript学习笔记4 Eval函数

2017年02月06日 25 阅读

eval的作用其实很简单，就是把一段字符串传递给JS解释器，由Javascript解释器将这段字符串解释成Javascript代码，并且执行他。 举个最简单的例子： 复制代码 代码如下: <script type="text/javascript"> eval（"alert（1+1）"）; </script> 很简单，把字符串解释成JS代码并执行，弹出2。 当然，上面的例子只是个玩具，在实际中没有人会傻到这么用。我想大家最基本的使...

Javascript学习笔记5 类和对象

2017年02月06日 22 阅读

面向对象语言三大特点：继承，多态，封装，这三点虽然Javascript没有提供天然的语法实现，但是我们都可以通过prototype等技巧来实现，因此这种说法似乎不过分。 在Javascript中，构造对象有三种方式： 1. 首先，我们要明确一个概念，Javascript是一种弱类型的语言，一方面体现在Javascript的变量，返回类型都是没有强类型约束的，另一方面，Javascript可以为对象任意添加属性和方法。根据这个，我们可以写出这样的代码： 复制...

Javascript学习笔记6 prototype的提出

2017年02月06日 25 阅读

首先我们继续上文的代码，我们来把这段代码延伸一下： 复制代码 代码如下: <script type="text/javascript"> var Person = function （name, age） { this.name = name; this.age = age; this.Introduce = function （） { alert（"My name is " + this.name + ".I"m " + this.age）;...

Javascript学习笔记7 原型链的原理

2017年02月06日 28 阅读

我们先看看这样一段代码： 复制代码 代码如下: <script type="text/javascript"> var Person = function （） { }; var p = new Person（）; </script> 很简单的一段代码，我们来看看这个new究竟做了什么？我们可以把new的过程拆分成以下三步： <1> var p={}; 也就是说，初始化一个对象p。 <2> p.__prot...

Javascript学习笔记8 用JSON做原型

2017年02月06日 25 阅读

代码如下： 复制代码 代码如下: <script type="text/javascript"> var People = { name: "kym", age: 21, SayHello: function （） { alert（"Hello,My name is " + this.name + ".I am " + this.age）; } } alert（People.name）; People.SayHello（）; </scri...

Javascript学习笔记9 prototype封装继承

2017年02月06日 27 阅读

好，那就让我们一步步打造，首先让我们来看下继承原本的写法： 复制代码 代码如下: <script> var Person = function（name, age） { this.name = name; this.age = age; } Person.prototype.SayHello = function （） { alert（this.name + "," + this.age）; }; var Programmer = functi...

Javascript 读书笔记索引贴

2017年02月06日 24 阅读

一. 基础篇 Javascript学习笔记1 数据类型 Javascript学习笔记2 函数 Javascript学习笔记3 作用域 Javascript学习笔记4 Eval函数 Javascript学习笔记5 类和对象 Javascript学习笔记6 prototype的提出 Javascript学习笔记7 原型链的原理 二. 实战篇Javascript学习笔记8 用JSON做原型 Javascript学习笔记9 prototype封装继承 ...

JavaScript 事件冒泡应用实例分析

2017年02月06日 25 阅读

然而，在今天一些大型的WEB交互项目中，比如大型的WebGame项目，JavaScript事件冒泡影响是值得重视的。本文通过一个简单的例子来讲解JavaScript事件冒泡及使用注意事项。 如果你对JavaScript事件冒泡还没有什么印象，不妨先看看我之前写的一篇博客《JavaScript事件冒泡简介及应用》。本文讲究实用，不在对JavaScript事件冒泡基础知识进行过多的阐述。 在文章开始之前，现在先看看下面这样一个需求：下面HTML假设描述的是一个...