js 限制表单输入长度 汉字为两个字符

2017年02月06日 24 阅读

将该效果整合成了一个函数，此函数接受3个参数： 第一个为textarea或其他text表单的ID； 第二个为显示输入内容的ID，可留空； 第三个为最多输入的字符，一个汉字为2个字符。 这只是一个基础效果，欢迎同学们进行优化和改进。 要获取代码请查看demo的源文件 限制表单输入长度 汉字为两个字符 function lengthLimit（elem, showElem, max）{ var elem = document.getElement...

javascript 图片放大缩小功能实现代码

2017年02月06日 20 阅读

看JS源码： 复制代码 代码如下: // 放大缩小控制 var PhotoSize = { zoom: 0, // 缩放率 count: 0, // 缩放次数 cpu: 0, // 当前缩放倍数值 elem: "", // 图片节点 photoWidth: 0, // 图片初始宽度记录 photoHeight: 0, // 图片初始高度记录 init: function（）{ this.elem = document.getElementById（"foc...

jquery中:input和input的区别分析

2017年02月06日 22 阅读

复制代码 代码如下: <script type="text/javascript"> $（function（）{ $（":input"）.focus（function（）{ $（this）.addClass（"focus"）; }）.blur（function（）{ $（this）.removeClass（"focus"）; }）; }）//这个效果第三个textarea也会添加样式 </script> <form actio...

$.format,jquery.format 使用说明

2017年02月06日 24 阅读

复制代码 代码如下:$.format = function （source, params） { if （arguments.length == 1） return function （） { var args = $.makeArray（arguments）; args.unshift（source）; return $.format.apply（this, args）; }; if （arguments.length > 2 && params....

JS继承 笔记

2017年02月06日 22 阅读

JS继承 JavaScript中没有类的概念，与类相关的继承的概念更是无从谈起，但是我们可以通过特殊的语法来 模拟面向对象语言中的继承。 在JS中模拟继承有多种方式，其中寄生组合模式是一种比较容易简单的模拟继承模式，下面我们就来 介绍一下用寄生组合模式模拟继承。 JS的继承包括属性的继承和方法的继承，他们分别通过不同的方法来实现。 1属性的继承 属性的继承通过改变函数的执行环境来实现的。而改变函数的执行环境可以使用call（）和apply（）两种 方法来实...

JS高级笔记

2017年02月06日 24 阅读

JS高级 一、JS的数据类型 1.基本类型 JS共有5大基本类型，分别是： 1）Undefined。他只有一个值：undefined。如果一个变量被定义但是没有给他赋值，那么这个时候系统会默认给这个变量赋值为undefined。 2）Null。它同样也只有一个值：null。他是一个引用类型，当一个准备保存对象的变量因为种种原因还没有指向一个对象的时候，可以给这个变量赋值为null，通常也是这么做的。 3）Number。数值类型，他是C#中的整型和浮点型的集...

js下将字符串当函数执行的方法

2017年02月06日 23 阅读

复制代码 代码如下: //测试函数 function test（str）{ alert（str）; } // 方法一 window["test"]（"方法一"）; // 方法二 eval（"test（"方法二"）"）; ...

js实现addClass,removeClass,hasClass的函数代码

2017年02月06日 24 阅读

复制代码 代码如下: function hasClass（ele,cls） { return ele.className.match（new RegExp（"（\s|^）"+cls+"（\s|$）"））; } function addClass（ele,cls） { if （！this.hasClass（ele,cls）） ele.className += " "+cls; } function removeClass（ele,cls） { if （has...

jquery 结合C#后台的数组对文章的关键字自动添加链接的代码

2017年02月06日 26 阅读

当我们需要在后台读取多个关键字时，我们可以先把后台的数据库读取到一个数组中（在数据库添加多个关键词时用“,”隔开）： 复制代码 代码如下: public string[] str; //添加一个公共数组一遍jquery调用 protected void Page_Load（object sender, EventArgs e） { string str1 = 读取数据库的关键词; str=str1.Split（","）; } 页面的JQuery: <...

基于jquery实现的鼠标滑过按钮改变背景图片

2017年02月06日 23 阅读

复制代码 代码如下: $（document）.ready（function （） { //按钮样式切换 $（"#btFeedBack"）.hover（ function （） { $（this）.removeClass（"btFeed"）.addClass（"btFeedhover"）; }, function （） { $（this）.removeClass（"btFeedhover"）.addClass（"btFeed"）; } ）; }）; ...

TreeView 用法（有代码）（asp.net）

2017年02月06日 24 阅读

前台代码 复制代码 代码如下: <script type="text/javascript"> //客户端捕捉事件 function CheckEvent（） { var objNode = event.srcElement; if （objNode.tagName == "INPUT" && objNode.type == "checkbox"） { var objParentDiv = objNode.id.replace（"CheckBo...

关于html+ashx开发中几个问题的解决方法

2017年02月06日 19 阅读

问题1：用委托字典代替switch...case。 这个问题是在处理请求时发现的，大家肯定也不愿意在自己的项目中建许多的handler来处理那么多的请求，于是就想到在一个handler里处理多个请求，ajax请求中都加一个action的参数，在handler里根据这个action做相应的处理或返回相应的数据，这里肯定没有人用if...else来判断action，大多数人都会想到用switch...case，一开始我也是用的switch，但渐渐地发现，每...

js中的string.format函数代码

2017年02月06日 23 阅读

源于C#中的string.Format（） 复制代码 代码如下: String.prototype.format = function（args） { if （arguments.length>0） { var result = this; if （arguments.length == 1 && typeof （args） == "object"） { for （var key in args） { var reg=new RegExp （"（{"...

JS仿flash上传头像效果实现代码

2017年02月06日 22 阅读

先看效果图（在FF下）：下面是我整个的思路： 一、用ajaxFileUpload.js异步上传图片。这个不用多说了，挺简单的东西。 二、div拖拽用jquery-ui。这个也不多说了。 三、上传过图片的处理。 编辑容器是300*300，如果图片不在300*300之内，这里会生成一个maxHeight=300，maxWidth=300的缩略图， 用于设置编辑容器的背景，如果原文件为123.jpg,这里生成的文件为123.jpg.view.jpg，当然，文...

jQuery .tmpl（）, .template（）学习资料小结

2017年02月06日 20 阅读

昨晚无意中发现一个有趣的jQuery插件.tmpl（），其文档在这里。官方解释对该插件的说明：将匹配的第一个元素作为模板，render指定的数据，签名如下:.tmpl（[data,][options]）其中参数data的用途很明显：用于render的数据，可以是任意js类型，包括数组和对象。options一般情况下都是选项了，官方指出，此处的options是一个用户自定义的键值对的map，继承自tmplItem数据结构，适用于模板render动作期间。在这...

15款优秀的jQuery导航菜单插件分享

2017年02月06日 21 阅读

1. Apple Menu Style2. Color Fading Menu3. Animated Drop Down Menu4. Random Link Color5. Scrollable6. Moo Tool Homepage like7. Animated Menu8. jqDock Menu9. Sliding jQuery Menu10. CSS Mac Book Menu11. Kwicks12. Fading Menu with Con...

iframe 异步加载技术及性能分析

2017年02月06日 24 阅读

这是一篇原创翻译文章。原文地址。我们会经常使用iframes来加载第三方的内容、广告或者插件。使用iframe是因为他可以和主页面并行加载，不会阻塞主页面。当然使用iframe也是有利有弊的：Steve Souders在他的blog里面有阐述：Using Iframes Sparingly:iframe会阻塞主页面的onload事件 主页面和iframe共享同一个连接池 阻塞主页面的onload是这两个问题中最影响性能的方面。一般都是想让onload时间越...

NodeJS框架Express的模板视图机制分析

2017年02月06日 23 阅读

模板引擎Express支持许多模板引擎，常用的有：haml 的实现Haml haml.js 接替者，同时也是Express的默认模板引擎Jade 嵌入JavaScript模板EJS 基于CoffeeScript的模板引擎CoffeeKup 的NodeJS版本jQuery模板引擎 视图渲染（view randering）视图的文件名默认需遵循“<name>.<engine>”的形式，这里<engine>是要被加载的模块的名...

在浏览器中获取当前执行的脚本文件名的代码

2017年02月06日 23 阅读

背景 同事提了一个问题，如何在浏览器中动态插入的 JavaScript 文件中，获取当前文件名？ 除了服务器输出一个文件名外，在脚本中获取应该只有下面三种做法。 解法A 普遍的解法，只能用于页面静态scripts标签引入或者单个动态加载。 复制代码 代码如下: var scripts = document.getElementsByTagName（"script"）; var filename = scripts[scripts.length -1].sr...

表单切换，用回车键替换Tab健（不支持IE）

2017年02月06日 24 阅读

复制代码 代码如下: <div> <form> <input name="a" tab="1" /> <input name="a" tab="3" /> <input name="a" tab="2" /> <input name="a" tab="5" /> <input name="a" tab="4" /> <input type="submit" value...