-
JavaScript 开发规范要求(图文并茂)
所属栏目:[Unix] 日期:2016-11-23 热度:124
本人在开发工作中就曾与不按规范来开发的同事合作过,与他合作就不能用“愉快”来形容了。现在本人撰写此文的目的除了与大家分享一点点经验外,更多的是希望对未来的合作伙伴能够起到一定的借鉴作用。当然,如果我说的有不科学的地方还希望各路前辈多多指教[详细]
-
js鼠标左右键 键盘值小结
所属栏目:[Unix] 日期:2016-11-23 热度:117
复制代码 代码如下: function test() { alert(event.x+" "+event.y); alert(event.button); } /*右键菜单不显示*/ document.oncontextmenu=function() { return false; } /*document.onmousedown=function() { if(event.button==1) {alert("left")} if(eve[详细]
-
Js setInterval与setTimeout(定时执行与循环执行)的代码(可以传
所属栏目:[Unix] 日期:2016-11-23 热度:160
Document自带的方法: 循环执行:var timeid = window.setInterval(“方法名或方法”,“延时”);window.clearInterval(timeid); 定时执行:var tmid = window.setTimeout(“方法名或方法”, “延时”);window.clearTimeout(tmid); 举例说明: A.当要执行[详细]
-
JavaScript接口实现代码 (Interfaces In JavaScript)
所属栏目:[Unix] 日期:2016-11-23 热度:105
在实际中,我们可以在注释中定义好接口,在实际的代码中予以实现 比如: 复制代码 代码如下: /* interface Composite { function add(child); function remove(child); function getChild(index); } interface FormItem { function save(); } */ var Compos[详细]
-
基于jQuery的js分页代码
所属栏目:[Unix] 日期:2016-11-23 热度:197
复制代码 代码如下: function pagerBar(dataCount,pageSize,serverUrl,contentPlace,pagerbarPlace,callBack){ this.dataCount = dataCount; this.pageSize = pageSize; this.serverUrl = serverUrl; this.contentPlace = $("#"+contentPlace); this.pager[详细]
-
超级24小时弹窗代码 24小时退出弹窗代码 100%弹窗代码(IE only)
所属栏目:[Unix] 日期:2016-11-23 热度:154
复制代码 代码如下: lt;script language="javascript"gt; lt;!-- function SetCookie(name,value) //两个参数,一个是cookie的名子,一个是值 { var exp = new Date(); //new Date("December 31, 9998"); exp.setTime(exp.getTime() + 60*60*1000); //24小[详细]
-
JavaScript的单例模式 (singleton in Javascript)
所属栏目:[Unix] 日期:2016-11-23 热度:82
单例模式的基本结构: 复制代码 代码如下: MyNamespace.Singleton = function() { return {}; }(); 比如: 复制代码 代码如下: MyNamespace.Singleton = (function() { return { // Public members. publicAttribute1: true, publicAttribute2: 10, publicM[详细]
-
jQuery EasyUI中对表格进行编辑的实现代码
所属栏目:[Unix] 日期:2016-11-23 热度:107
效果图: 复制代码 代码如下: lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"gt; lt;htmlgt; lt;headgt; lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"gt; lt;titlegt[详细]
-
基于jQuery的弹出警告对话框美化插件(警告,确认和提示)
所属栏目:[Unix] 日期:2016-11-23 热度:122
前不久在官方网站是看见这个插件,所以今天趁有空就看了一下,随便给大家共享一下。也许你早已知道了 ,如果是这样那请跳过,不要拍砖。 这个Jquery插件的目的是替代JavaScript的标准函数alert(),confirm(),和 prompt()。这个插件有 如下这些特点: 1[详细]
-
Array.prototype.slice 使用扩展
所属栏目:[Unix] 日期:2016-11-23 热度:103
除了正常用法,slice 经常用来将 array-like 对象转换为 true array. 名词解释:array-like object – 拥有 length 属性的对象,比如 { 0: ‘foo', length: 1 }, 甚至 { length: ‘bar' }. 最常见的 array-like 对象是 arguments 和 NodeList. 查看 V8 引擎[详细]
-
jQuery-ui中自动完成实现方法
所属栏目:[Unix] 日期:2016-11-23 热度:97
比如有一组数组["abace","bceda","dabce","efeffd","daabc"] 将这些值作为自动完成控件的数据源。 并在输入框中输入“ab”,那么会出来三组(1,3,5)因为这里边都有ab 但是我想要以“ab”开头的。并且知道搜索是使用正则。 下一步 改源码。在源码中那个根[详细]
-
jQuery创建自己的插件(自定义插件)的方法
所属栏目:[Unix] 日期:2016-11-23 热度:92
但必须知道,这些插件不是自己凭空产生的,它们是由 开发 人员编写、测试并完善的,这些人员为 jQuery 社区 奉献了自己的业余时间。我们做这些都是免费的,是出于对自己代码的热爱。本文主要关注您如何回报这个伟大的社区,即如何编写自己的插件并上传到 jQ[详细]
-
实用的js 焦点图切换效果 结构行为相分离
所属栏目:[Unix] 日期:2016-11-23 热度:53
焦点图切换效果,对前端来说,恐怕再熟悉不过了,实现它的方法应该有多种,工作当中常用的一种,叙述如下: 如何让当前的数字导航与图片的显示同步? 这里有两个区域,图片切换区和数字导航区;分别对应着两个循环函数;plays(value)和setBg(value); 当图[详细]
-
Confirmer JQuery确认对话框组件
所属栏目:[Unix] 日期:2016-11-23 热度:200
插件截图: 用途:点击链接或按钮时要确认是否继续当前操作。 插件代码: 复制代码 代码如下: (function($){ $.fn.confirmer = function(options){ var defaults = { msg:"Are you sure to delete it ?" } var options = $.extend(defaults, options); var[详细]
-
JavaScript 构造函数 面相对象学习必备知识
所属栏目:[Unix] 日期:2016-11-23 热度:95
复制代码 代码如下: function A(x) { this.x = x; } var obj = new A(5); alert(obj.x); 这段代码十分简单,但是我们重要的是看到了一个十分惊讶的结果,obj被我们赋予了一个属性x,就如同我们在C#中使用某个类的实例的时候一样。那么这个属性是怎么样产生[详细]
-
JavaScript 原型与继承说明
所属栏目:[Unix] 日期:2016-11-23 热度:72
function A(x) { this.x = x; } alert(A.prototype); alert(A.prototype.constructor); 根据弹出的结果,我们可以得到:原型对象是由函数的构造函数创建,它所拥有的属性能被所有对象共享,初始时原型对象指向一个Object对象,并且定义了一个constructor属[详细]
-
Jquery CheckBox全选方法代码附js checkbox全选反选代码
所属栏目:[Unix] 日期:2016-11-23 热度:82
jquery方法如下: 复制代码 代码如下: function CheckAll(val) { $("input[name='chkJob']").each(function() { this.checked = val; }); $("#chkAll").attr("checked", val);//设定全选按钮状态 } val 该参数传递的是全选按钮的选择状态 name='chkJob' 这[详细]
-
JQuery优缺点分析说明
所属栏目:[Unix] 日期:2016-11-23 热度:123
1、jQuery实现脚本与页面的分离 在HTML代码中,我们还经常看到类似这样的代码: lt;form id="myform" onsubmit=return validate();" gt; 即使validate()函数可以被放置在一个外部文件中,实际上我们依然是把页面与逻辑和事件混杂在一起。jQuery让你可以将这[详细]
-
JS 图片缩放效果代码
所属栏目:[Unix] 日期:2016-11-23 热度:195
复制代码 代码如下: lt;HTMLgt; lt;HEADgt; lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312"gt; lt;TITLEgt;onMouseWheellt;/TITLEgt; lt;SCRIPTgt; var count = 10; function Picture() { count = Counting(count); Resize(count[详细]
-
location.search在客户端获取Url参数的方法
所属栏目:[Unix] 日期:2016-11-23 热度:197
复制代码 代码如下: var id; function getid() { var url=location.search; var Request = new Object(); if(url.indexOf("?")!=-1) { var str = url.substr(1) //去掉?号 strs = str.split(""); for(var i=0;ilt;strs.length;i++) { Request[strs[i].spli[详细]
-
js客户端快捷键管理类的较完整实现和应用
所属栏目:[Unix] 日期:2016-11-23 热度:137
复制代码 代码如下: //一个快捷键对象 function KeyOne(id, keys, dom, isfun, fun,iskeydown) { this.id = id; this.keys = keys; this.dom = dom; this.isfun = isfun; this.fun = fun; this.isKeydown = iskeydown; } //快捷键管理类 var KeyConlor = {[详细]
-
web页面数据展示新想法(json)
所属栏目:[Unix] 日期:2016-11-23 热度:183
在客户端使用js将json的数据绑定到页面元素中,而在服务器端只用根据参数生成不同数据的json字符串,这样不但减少了网络数据流量,而且也分离了显示层和逻辑层。 为了绑定数据,客户端必须要有绑定数据使用的js代码。而数据绑定一般都是一样的,所以可以使[详细]
-
js word表格动态添加代码
所属栏目:[Unix] 日期:2016-11-23 热度:161
复制代码 代码如下: lt;scriptgt; function wordcontorl(){ alert("小孟佳的宝贝"); var WordApp=new ActiveXObject("Word.Application"); var wdCharacter=1 var wdOrientLandscape = 1 WordApp.Application.Visible=true; //执行完成之后是否弹出已经生[详细]
-
jquery ready()的几种实现方法小结
所属栏目:[Unix] 日期:2016-11-22 热度:109
1.最常用也是最标准的 复制代码 代码如下:$(document).ready(){ }); 2.是上面的简写: 复制代码 代码如下: $(function(){ }) 很奇怪?为什么能这样?不是判断document对象是否 reADy然后才执行函数的么?document哪去了?我们看下jQuery的源代码: 复制代码 代[详细]
-
通过jQuery打造支持汉字,拼音,英文快速定位查询的超级select插件
所属栏目:[Unix] 日期:2016-11-22 热度:198
复制代码 代码如下: //潇湘博客 //http://blog.csdn.net/fkedwgwy //PHP 技术群:37304662 //时间:2010-06-13 //版本 v3.0.0.0 //任意字符、中文与拼音综合查询 //方向键选择option //优化下拉框显示效果 //jquery超级select插件 $.fn.selectseach = funct[详细]