Category Archives: javascript

#jQuery plugin#jQuery的扩展小功能-倒计时(countdown)

Posted on 2012/04/05 by admin

使用jQuery的extend方法扩展一个简单的功能，开发的项目需要实现个session过期的提醒功能，session expire时间是60 minutes！！             非常简单，代码就能足够说清楚。 1.扩展jQuery功能 ?View Code JAVASCRIPTjQuery.extend({ countdown: function(OptionObject) { var totalCount = OptionObject.totalCount; var speedRate = OptionObject.speedRate; var total = $("#" + OptionObject.total); var remainder = $("#"+ OptionObject.remainder); var consume = $("#" … Continue reading →

Posted in javascript, 编程开发 | Comments Off

#jqGrid#如何设置jqGrid第一次初始化时不加载任何数据

Posted on 2012/04/05 by admin

              1. 初始化的时候设置datatype: ‘local’ $(“#grid”).jqGrid({ url:”http://www.8qiu.cn”, datatype:”local”, //other options }); 2. 当要加载数据的时候把datatype改成json或者XML: $(“#list”).jqGrid(‘setGridParam’,{datatype:’json’}).trigger(‘reloadGrid’);

Posted in javascript | Comments Off

JS的Date的日期加减操作

Posted on 2011/07/14 by admin

JS日期加减天操作。 Date.prototype.addDays = Date.prototype.addDays || function(days){ this.setDate(this.getDate() + days); return this; } //Date.prototype.addDays = Date.prototype.addDays || function(days) 防止addDays函数已经在其它地方定义了， alert(“after 3 days:”+new Date().addDays(3)); alert(“before 3 days:”+new Date().addDays(-3));

Posted in javascript, 编程开发 | Tagged , | Comments Off

DHTMLX简介

Posted on 2011/05/03 by admin

DHTMLX是一个提供了跨域构建、Ajax交互等基本功能的javascript框架，它丰富的组件极大的简化了Rich Web UI应用的开发。世界很多著名公司都用到了DHTMLX，包括Amazon、Apple、Adobe、AMD等等。 DHTMLX的官网提供文档和大量demo，官网地址是http://www.dhtmlx.com/。 所有的组件 Accordion Ajax Calendar Chart ColorPicker ComboBox DataView Editor Form Gantt Grid Layout Menu Scheduler Slider Tabbar Toolbar Tree TreeGrid Vault Windows

Posted in javascript, 编程开发 | Comments Off

javascript类型检查

Posted on 2011/01/06 by admin

javascript是一门动态（dyamically typed）语言，类型检查自然是一个非常重要且非常有用的话题。javascript有许多种方法可以检查变量的类型，但本文只会介绍两种最有用的方法 使用typeof操作符，这个操作符返回的是一个字符串名称（string name），用它来表示变量的类型。当变量不是object或者array的时候，typeof是一个很完美的解决方法，当变量是自定义对象，就不能用它进行类型检查，因为它只会返回“object”，无法和其它对象区分开。 示例如下所示: var num=”123″; if(typeof num==”string”){ num=parseInt(num); alert(typeof num); } 使用构造函数（constructor），每个javascript对象都有一个方法–constructor，构造函数的引用的是原本用来构建该对象的那个函数。示例如下所示: var str=123; if(str.constructor==Number){ str=”"+str; alert(str.constructor==String); } 两种方法检查不同类型的变量，返回的值的映射表

Posted in javascript, 编程开发 | Comments Off

表单验证的通用javascript

Posted on 2010/12/13 by admin

仅供学习 ?View Code HTML<html> <head> <title>通用表单验证</title> </head>   <body> <form name="form" action="#" method="post"> username:<input type="text" name="username" class="required"> <span style="display:none">username is required</span><br> password:<input type="text" name="password" class="required"><lable></lable> <span style="display:none">password is required</span><br> <div> age:<select name="age" class="required"> <option value="">全部</option> <option>21</option> <option>22</option> <option>23</option> <option>24</option> <option>25</option> … Continue reading →

Posted in javascript, 编程开发 | Comments Off

使用匿名函数激发出闭包的作用域

Posted on 2010/12/12 by admin

闭包的概念前一篇文章已经做了简单的介绍，闭包虽然强大，但是有个问题，内层函数引用外层函数的变量值并非该变量创建时的值，而是外层函数执行到最后的最终值。 Continue reading →

Posted in javascript, 编程开发 | Comments Off

javascript的闭包概念

Posted on 2010/12/11 by admin

闭包意味着内层函数可以引用外层函数内的变量，即使外层函数执行已经终止，闭包的特性的非常强大。 Continue reading →

Posted in javascript, 编程开发 | 1 Comment

js获取光标的坐标

Posted on 2010/11/19 by admin

?View Code JAVASCRIPT<script> document.onclick=function(e){ e = e || window.event; var position = mousePosition(e); alert("x:"+position.x+";y:"+position.y); }     function mousePosition(ev){ if(ev.pageX || ev.pageY){ return {x:ev.pageX, y:ev.pageY}; }   return { x:ev.clientX + document.body.scrollLeft – document.body.clientLeft, y:ev.clientY + document.body.scrollTop – document.body.clientTop }; … Continue reading →

Posted in javascript, 编程开发 | Comments Off

js编写的贪食蛇小游戏

Posted on 2010/04/05 by admin

清明三天待在寝室无聊，就花了点时间，写了个js小游戏。算是在学习吧 现在功能还不完善，可能还有一些小的bug！有空再来修复和完善了，明天就要开始上班了！ 演示地址：http://www.8qiu.cn/game/snake.html

Posted in javascript, 编程开发 | Comments Off