Chosen 基于jquery的选择框插件使用方法

2017年02月06日 19 阅读

Chosen插件下载地址 http://www.jb51.net/jiaoben/38027.html复制代码 代码如下: <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> <script src="chosen/chosen.jquery.js" typ...

使用jQuery Ajax功能时需要注意的一个问题（内存溢出）

2017年02月06日 20 阅读

最近一哥们在做一个Ajax长连接的项目，页面需要和服务器保持长连接，而且在连接超时后需要重新请求连接，过程中他问我要用到什么，我也是想都没想就告诉他用jQuery。jQuery不是有ajaxSuccess ajaxError这些对象吗，在请求完成或者请求失败后重新请求不就好了。 但是后来他告诉我说没有用 jQuery，自己手工写的XMLhttprequest 。他告诉我说，开始是用jquery写的，而且在测试过程中也没有出现问题。但是在后来无意中发现，在页...

javascript 快速排序函数代码

2017年02月06日 20 阅读

核心代码： 复制代码 代码如下: function quickSort（arr）{ //如果数组只有一个数，就直接返回； if（arr.length<1）{ return arr; } //找到中间的那个数的索引值；如果是浮点数，就向下取整 var centerIndex = Math.floor（arr.length/2）; //根据这个中间的数的索引值，找到这个数的值； var centerNum = arr.splice（centerIndex...

从阶乘函数对比Javascript和C#的异同

2017年02月06日 20 阅读

JavaScript代码块 复制代码 代码如下: <script type="text/javascript"> function factorial（num） { if （num <= 1） { return 1; } else { return num * arguments.callee（num - 1）; } } var trueFactorial = factorial; factorial...

jQuery 联动日历实现代码

2017年02月06日 20 阅读

来看下效果图 一、先来说下功能： 1.点击“确定”显示日历 2。再次点击隐藏，或从DOM中删除这个日历。如些反复第一，和第二这两步。 3.让日历中显示当前月份日期（多少天，每天是多少号）。 4.让当前月份的日期和星期几对应. 5.让左边两边的日历关联起来。 二、再来说下HTML结构。 1.上面蓝色的是一个DIV，显示当前月分，和上月，下月。 2.下面的日期和星期，是用一个table结构存放数据。星期用thead,日期用：tbody存放。 三、功能展开分析：...

javascript的console.log（）用法小结

2017年02月06日 19 阅读

console.log 原先是 Firefox 的“专利”，严格说是安装了 Firebugs 之后的 Firefox 所独有的调试“绝招”。 这一招，IE8 学会了，不过用起来比 Firebugs 麻烦，只有在开启调试窗口（F12）的时候，console.log 才能出结果，不然就报错。 今天看到 Opera 也有个叫 dragonfly 的东东，用这东西查看 DOM，已经可以和 Firebug 媲美，然而还是不能用 console.log。于是有人就提供...

一行代码告别document.getElementById

2017年02月06日 18 阅读

所以绝大多数的脚本里，都是直接通过元素的id来访问DOM的。 后来随着各种浏览器接踵而至，逐渐的替代了ie。为了保证各路门派统一规则，标准化越来越被重视。当初那种直接访问id的方法，逐渐被document.getElementById所替代。如果这年头还在用id访问元素，要么就是做程序里的内嵌网页，要么就是像铁道部那样的超境界仿古网站：） 当然只要保证你的用户都是用ie访问，这样的非标准也但用无妨。 然而，很多第三方浏览器刚出来的时候，...

javascript中获取下个月一号，是星期几

2017年02月06日 20 阅读

复制代码 代码如下: var odatef = new Date（）; odatef.setFullYear（2012）; odatef.setMonth（5） odatef.setDate（1）; fday = ordatef.getDay（）; 如果今天是5月30日，通过上面的代码，我应该是获取到下个月，即6月1日是星期几？并赋值给变量fday; 果然，我可以正确获取到; 过程是： 1.执行这句 odatef.setFullYear（2012）; ...

Javascript数组的排序 sort（）方法和reverse（）方法

2017年02月06日 20 阅读

其中： 1.JavaScript的sort（）中如果没有指定比较函数，则默认会按照字符的编码顺序进行升序排序。也就是说如果我们想要对数值进行排序得到的不一定是我们想要的结果。 2.Javascript的reverse（）将数组中的元素逆序。 先看看上面的第一点，如果有一个数组arr=[1,6,3,7,9]，使用arr.sort（）后，数组的顺序为1,3,6,7,9，得到了我们想要的结果。 再看看下面的一个数组排序：arr=[3,1,16,34,30],如果...

Javascript创建自定义对象 创建Object实例添加属性和方法

2017年02月06日 19 阅读

如下所示： 复制代码 代码如下: var person = new Object（）; person.name = "Nicholas"; person.age = "29" person.job = "Software Engineer"; person.sayName = function （） { alert（this.name）; }; person.sayName（）;上面的例子创建了一个名为person的对象，并为它添加了三个属性（name、...

Javascript 页面模板化很多人没有使用过的方法

2017年02月06日 19 阅读

从前的方式——我估计也是大多数人使用的方式 比如以下的代码——摘自新浪首页的一段js代码，这种方式也是大多数人使用的方式。 上面的代码，你看完有什么反应？你也许会把+=这种形式改成数组的push形式，有人说push比这种字符链接要快，但是也快不了多少。 如果这种嵌入的html代码很多，你也要这样处理吗？如果修改（添加或者删除）某个html，那么你就要不断的翻代码，找对应的标签，然后在找结束标签，你不觉得麻烦吗？也许有人会这样写（这个是我早期写的，也是我最惯...

NodeJs中的非阻塞方法介绍

2017年02月06日 18 阅读

首先我们利用NodeJs先构建一个基本的服务器。 index.js 复制代码 代码如下: var requestHandler = require（"./requestHandler"）; var server = require（"./server"）; var route = { "/hello": requestHandler.hello, "/upload": requestHandler.upload }; server.start（route）...

基于jQuery的计算文本框字数的代码

2017年02月06日 17 阅读

一、功能： 1.用户边输入计算同时进行，告诉用户还剩余多少可输入的字数; 2.当超过规定的字数后，点击确定，会让输入框闪动 二、功能分析 1.重点是用什么事件？ 标准浏览器用oninput,而IE则使用onpropertychange ，这两个事件的发生条件，是文本框的值发生改变。 2.字数的计算。 2.1一个中文算两个，一个符号或数字，英文，算一个。（如果是规定140个字，乘以2，那么就是280个） 2.2需要用到Ma...

javascript倒计时功能实现代码

2017年02月06日 18 阅读

代码如下: 复制代码 代码如下: /** * 倒计时 * * @author WadeYu * @date 2012-04-20 17:40 * @copyright boyaa.com */ var TimeCountDown = function（ initTime ）{ var day = 0; var hour = 0; var minute = 0; var second = 0; var timerId = 0; var self = this...

Javascript生成json的函数代码（可以用php的json_decode解码）

2017年02月06日 19 阅读

但是有个问题 虽然JS解码JSON非常方便，但是编码似乎没有什么好办法… 本着能懒即懒，不能懒也尽量懒的原则，古狗了一下 还真让我发现了 PHP里直接用json_decode就可以解码，用起来相当方便 复制代码 代码如下: function json_encode_js（aaa）{ function je（str）{ var a=[],i=0; var pcs="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTU...

jquery 之 $（）.hover（func1, funct2）使用方法

2017年02月06日 23 阅读

因为hover不是标准的事件，因此无法直接使用live进行处理，故使用以下方法代替，效果一样。 复制代码 代码如下: $（"<SPAN style="COLOR: #0000ff">table tr</SPAN>"）.live（{ <SPAN style="BACKGROUND-COLOR: #99ccff">mouseenter:</SPAN> function（） { <SPAN style="CO...

基于jQuery的input输入框下拉提示层（自动邮箱后缀名）

2017年02月06日 18 阅读

效果图 代码部分 复制代码 代码如下: // JavaScript Document （function（$）{ $.fn.extend（{ "changeTips":function（value）{ value = $.extend（{ divTip:"" },value） var $this = $（this）; var indexLi = 0; //点击document隐藏下拉层 $（document）.click（function（event）{ ...

基于jQuery的360图片展示实现代码

2017年02月06日 19 阅读

复制代码 代码如下: $（function（）{ var box_W = $（".PIC360"）.width（）; var box_H = $（".PIC360"）.height（）; var box_X = $（".PIC360"）.offset（）.left; var box_Y = $（".PIC360"）.offset（）.top; //求出中心点的横坐标值 var center_X = Math.ceil（box_X+（box_W/2））; /...

基于jQuery的烟花效果（运动相关）点击屏幕出烟花

2017年02月06日 20 阅读

效果图 核心代码： 复制代码 代码如下: $（function（）{ $（document）.click（function（event）{ /*1.创建DIV并插入到body当中 *2.设置其初始位置：TOP为屏幕的高度，left为鼠标点击时，鼠标的pageX值； */ //创建DIV var $div = $（"<div/>"）; var eLeft = event.pageX; var etop = event.pageY; var cHe...

jQuery 翻牌或百叶窗效果（内容三秒自动切换）

2017年02月06日 19 阅读

核心代码： 复制代码 代码如下: $（function（）{ var timer = true; //执行向上或向下的开关 var liindex = 0; //LI的索引 var $div = $（".byc"）.find（"div"）; //每隔三秒执行一次变换LI的内容 var set1 = setInterval（function（）{ ainbyc（$div）; liindex = 0; timer = ！timer; },3000）; //LI...