Javascript UrlDecode函数代码

2016年07月27日 7 阅读

有时候可能会有这么一个需求,我在后台使用: 复制代码 代码如下: HttpUtility.UrlEncode（str, System.Text.Encoding.UTF8）; 将Url进行编码,前台JS需要使用这段内容,这时候就需要解码了: 代码 复制代码 代码如下: /** * Url编码 **/ ShengUtils.encode = function（unzipStr）{ var zipstr=""; var strSpecial="！"#$%&"...

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

2016年07月27日 10 阅读

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

jQuery 页面 Mask实现代码

2016年07月27日 6 阅读

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

Javascript的构造函数和constructor属性

2016年07月27日 7 阅读

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

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

2016年07月27日 8 阅读

经常遇到页面里加载的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的新方法

2016年07月27日 10 阅读

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 参数集合

2016年07月27日 6 阅读

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

javascript call方法使用说明

2016年07月27日 6 阅读

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

javascript instanceof 与typeof使用说明

2016年07月27日 9 阅读

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

2016年07月27日 6 阅读

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

Javascript学习笔记1 数据类型

2016年07月27日 6 阅读

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

Javascript学习笔记2 函数

2016年07月27日 8 阅读

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

Javascript学习笔记3 作用域

2016年07月27日 7 阅读

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

Javascript学习笔记4 Eval函数

2016年07月27日 8 阅读

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

Javascript学习笔记5 类和对象

2016年07月27日 7 阅读

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

Javascript学习笔记6 prototype的提出

2016年07月27日 8 阅读

首先我们继续上文的代码，我们来把这段代码延伸一下： 复制代码 代码如下: <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 原型链的原理

2016年07月27日 7 阅读

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

Javascript学习笔记8 用JSON做原型

2016年07月27日 8 阅读

代码如下： 复制代码 代码如下: <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封装继承

2016年07月27日 8 阅读

好，那就让我们一步步打造，首先让我们来看下继承原本的写法： 复制代码 代码如下: <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 读书笔记索引贴

2016年07月27日 5 阅读

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