jquery判断字符输入个数（数字英文长度记为1，中文记为2，超过长度自动截取）

2016年07月27日 7 阅读

1. $（"textarea#txtPrizeNote"）; //表示textarea控件名称 2. "span" 显示剩余字数的标签 HTML: 复制代码 代码如下: <div> <textarea id="txtPrizeNote" runat="server" height="74px" width="480px" maxlength="10" style="width: 480px; height: 74px; float: le...

jquery $.ajax各个事件执行顺序

2016年07月27日 7 阅读

1.ajaxStart（全局事件） 2.beforeSend 3.ajaxSend（全局事件） 4.success 5.ajaxSuccess（全局事件） 6.error 7.ajaxError （全局事件） 8.complete 9.ajaxComplete（全局事件） 10.ajaxStop（全局事件）...

IE下js调试工具Companion.JS

2016年07月27日 5 阅读

做web开发的朋友都清楚，js程序的调试是相当郁闷的，因为首先这种语言语法比较灵活，它是一种弱类型的脚本语言，很多错误是无法控制的，这些不谈，最痛苦的是没有什么好的调试工具，现在的情况比以前稍好，在Firefox下还有firebug，这的确是一个不错的js调试工具，但在IE下使用就很麻烦，而且效果很不好，鄙人一直苦于寻找一个很好的IE下的js调试工具，能够自动捕获错误，并定位位置和原因，没想到今天竟在无意中寻找到了这么个好工具，不敢私藏，共享出来，希望能为...

JavaScript访问样式表代码

2016年07月27日 6 阅读

比如：当我们将鼠标移动到一个图标上的时候，图标会出现一些动画效果（渐变放大、闪动、更换颜色等），而这一切的友好效果基本上都跟样式（style）有关，所以这一篇，我学习JavaScript对style的操作。技术关键点：style。这一篇要求我们对CSS样式有一定的了解。（读者可以google一下CSS的相关内容） 操作步骤： 1、页面代码（包括JS代码）如下： 复制代码 代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD...

JavaScript可折叠区域实现代码

2016年07月27日 7 阅读

技术实现的关键：使用CSS的display特性，display特性的值有：none和block。none即为隐藏；block即为显示。 动手之前的设计：可折叠区域分为两个区域：标题栏和内容区域。标题栏总是可见的，内容部分是可以折叠或展开的。在页面上，可以使用两个<div>元素分别实现这个设计。 实现步骤： 在页面中插入<div>元素，并加入实现折叠功能的JS代码，代码如下： function toggle（sDivId）...

JavaScript聚焦于第一个字段的代码

2016年07月27日 6 阅读

这个主要会用在表单字段中，所以我这里做的实验只针对表单字段。在form的子元素中循环查找第一个不是隐藏字段的字段，然后使用focus方法获得焦点。（呵呵^_^，很简单！） 复制代码 代码如下: FormUtil.focusOnFirst = function（） { if （document.forms.length > 0） { for （var i = 0; i < document.forms[0].elements.length; i+...

理解Javascript_06_理解对象的创建过程

2016年07月27日 9 阅读

简单的代码 我们先来看一段简单的代码： 复制代码 代码如下: function HumanCloning（）{ } HumanCloning.prototype ={ name:"笨蛋的座右铭" } var clone01 = new HumanCloning（）; alert（clone01.name）;//"笨蛋的座右铭" alert（clone01 instanceof HumanCloning）;//true HumanCloning.protot...

JavaScript 对象模型 执行模型

2016年07月27日 6 阅读

数据类型 基本数据类型 基本数据类型是JS语言最底层的实现。 简单数值类型: 有Undefined, Null, Boolean, Number和String。注意，描述中的英文单词在这里仅指数据类型的名称，并不特指JS的全局对象N an, Boolean, Number, String等，它们在概念上的区别是比较大的。 对象: 一个无序属性的集合，这些属性的值为简单数值类型、对象或者函数。同上，这里的对象并不特指全局对象Object。 函数: 函数是对象...

理解Javascript_07_理解instanceof实现原理

2016年07月27日 6 阅读

那么instanceof的这种行为到底是如何实现的呢,现在让我们揭开instanceof背后的迷雾。 instanceof原理 照惯例，我们先来看一段代码： 复制代码 代码如下: function Cat（）{} Cat.prototype = {} function Dog（）{} Dog.prototype ={} var dog1 = new Dog（）; alert（dog1 instanceof Dog）;//true alert（dog1 in...

javascript instanceof 内部机制探析

2016年07月27日 8 阅读

比如： 复制代码 代码如下: // 代码 1 function Pig（） {} var pig = new Pig（）; alert（pig instanceof Pig）; // => true function FlyPig（） {} FlyPig.prototype = new Pig（）; var flyPig = new FlyPig（）; alert（flyPig instanceof Pig）; // => true 来看另一...

理解Javascript_08_函数对象

2016年07月27日 6 阅读

函数对象 首先，大家得明确一个概念：函数就是对象,代表函数的对象就是函数对象。既然是对象，那它又是被谁构造出来的呢？下面我们来看一段描述:JavaScript代码中定义函数，或者调用Function创建函数时，最终都会以类似这样的形式调用Function函数:var newFun=Function（funArgs, funBody）; 。由此可知函数对象是由Function这个函数对象构造出来的。 注：Function对象本身也是一个函数，因此它也一个函数...

理解Javascript_09_Function与Object

2016年07月27日 6 阅读

注：理论过于深入，本人不改保证所有的理论都是正确的，但经过多方测试还未发现实际代码与理论冲突的问题。如有错误，望高人指点！ Function 首先回顾一下函数对象的概念，函数就是对象,代表函数的对象就是函数对象。所有的函数对象是被Function这个函数对象构造出来的。也就是说，Function是最顶层的构造器。它构造了系统中所有的对象，包括用户自定义对象，系统内置对象，甚至包括它自已。这也表明Function具有自举性（自已构造自己的能力）。这也间接...

理解Javascript_10_对象模型

2016年07月27日 6 阅读

对象模型 红色虚线表示隐式Prototype链。 这张对象模型图中包含了太多东西，不少地方需要仔细体会，可以写些测试代码进行验证。彻底理解了这张图，对JavaScript语言的了解也就差不多了。下面是一些补充说明: 1. 图中有好几个地方提到build-in Function constructor，这是同一个对象，可以测试验证: 复制代码 代码如下: //Passed in FF2.0, IE7, Opera9.25, Safari3.0.4 Funct...

自己整理的一个javascript日期处理函数

2016年07月27日 6 阅读

复制代码 代码如下: /* * 函数名称: DateUtil * 作 者: yithcn * 功能说明: 日期函数 * 使用说明: * 创建日期: 2010.10.14 */ var DateUtil = {}; DateUtil.base = 60 * 60 * 24 * 1000; DateUtil.Add = function（num, sDate） { num = num || 0; sDate = sDate || new Date（）; var...

javascript使用eval或者new Function进行语法检查

2016年07月27日 6 阅读

使用new Function（ ） 来进行语法检查 eval（ ） 方法是不能乱用的，在不适当的时候使用eval（ ） 方法可能导致整个程序都会出问题的； 而new Function（ ） 就没这么大问题。虽然new Function（ ） 在任何情况下，构造的函数都是在全局作用域下直接工作的，但只作语法检查的话，并不会因为作用域问题而产生意外结果，只要你不直接调用通过它构造的新函数。 在eval（ ） 接受的参数前面增加“0,” 其实这是由于IE中存在一...

JavaScript 拾碎[三] 使用className属性

2016年07月27日 5 阅读

A 三位一体的页面 网页的结构层（Structure ）由HTML 或XHTML 创建； 网页的表现层（Presentation ）由CSS 来创建； 网页的行为层（Behavior ）由Javascript 和DOM 所完成； 其实，网页的表现层和行为层总是存在的，即使用户没有去定义。因为Web 浏览器会把自身默认的样式和事件加载到网页的结构层上。 B 使用className 属性 Javascript 还可以通过className 属性灵活的更改一个标...

Javascript读取cookie函数代码

2016年07月27日 8 阅读

用法： 一、设置cookie 复制代码 代码如下: var cookie = new JSCookie（）; // 普通设置 cookie .SetCookie（"key1","val1"）; // 过期时间为一年 var expire_time = new Date（）; expire_time.setFullYear（expire_time.getFullYear（） + 1）; cookie .SetCookie（"key2","val2",expi...

javascript输入CD-KEY自动分割的代码

2016年07月27日 8 阅读

输入CD-KEY自动分割 function cdkeyInput（thisobj） { objResult = ""; nextObjResult = ""; if（thisobj.value.indexOf（"-"） > 0） { objResult = thisobj.value.substring（0,thisobj.value.indexOf（"-"））; nextObjResult = thisobj.value.substring（th...

Javascript表达式中连续的 &amp;&amp; 和 || 之赋值区别

2016年07月27日 5 阅读

代码如下： 复制代码 代码如下: function write（msg）{ for（var i = 0; i < arguments.length; i ++）{ document.write（arguments[i] + "<br />"）; } } //关于 "&&" test1 = 1 && 2 && 3 && 4; test2 = "0" && 2 && 3 && 4; test3 = 1 && 2 && 0 && 4; test...

基本jquery的控制tabs打开的数量的代码

2016年07月27日 6 阅读

复制代码 代码如下: var tabcount = $（"#tabs"）.tabs（"tabs"）.length;修改addTab 方法为：function addTab（subtitle, url, icon） { var tabcount = $（"#tabs"）.tabs（"tabs"）.length; if （tabcount <= 5） { if （！$（"#tabs"）.tabs（"exists", subtitle）） { $（"#ta...