JavaScript资料,JavaScript文章,JavaScript文档-易库教程

js执行时间查看器

2016年07月27日 5 阅读

效果如图所示:演示代码: test onerror = function（） { location.reload（）; return true; } Test.run（ "内部定义" ）; for（ var i=0; i...

javascript异步编程

2016年07月27日 8 阅读

就好像排队，前面的人忙着忙着突然上厕所了，后面的人阻塞在这里，因此我们就需要让前面的人死到一边去，让后面的人跟进……AJAX就是这个概念，请求还在继续，但我们还可以做其他事。 javascript中实现这个功能的是来自BOM的一个函数setTimeout，但相关的DOM操作也提供了一系列实现。如XMLHttpRequest对象与script标签的onreadystatechange回调，image的onload与onerror回调，iframe的onloa...

javascript调试说明

2016年07月27日 5 阅读

以前javascript对于IO的支持很弱，不能写入相应的文本文件中，而且异常对象Error也不统一，无法打印详细的堆栈。自定义异常对象是个非常不讨好的方法，因为通常我们只看到其message属性，再者，其他自定义属性需要用最慢的for...in循环遍历出来。这时没有办法了，我们只有求助于浏览器的各种私有实现，如firefox就有console.log。下面是console对象的方法列表，关于firebug更详细的使用可见这篇文章。 #table { bo...

Js密码强度实时验证代码

2016年07月27日 6 阅读

效果图:演示代码: 密码强度测试 //CharMode函数 //测试某个字符是属于哪一类. function CharMode（iN）{ if （iN>=48 && iN =65 && iN =97 && iN >=1; } return modes; } //checkStrong函数 //返回密码的强度级别 function checkStrong（sPW）{ if （sPW.length...

Extjs中常用表单介绍与应用

2016年07月27日 9 阅读

目标: 知道表单面板如何创建了解表单面板中xtype的类型的应用知道表单面板如何验证，绑定，取值综合应用表单面板（玩转它）内容: 首先我们要理解的是FormPanel也是继承panel组件的。所以它有着panel的属性要创建一个表单面板其实很简单 var MyformPanel=new Ext.form.formpanel（）; 表单面板和面板一样只是作为一个容器出现的，需要我们使用items加入各控件元素来丰富我们的表单面板， defaults...

js word表格动态添加代码

2016年07月27日 8 阅读

复制代码代码如下:<script> function wordcontorl（）{ alert（"小孟佳的宝贝"）; var WordApp=new ActiveXObject（"Word.Application"）; var wdCharacter=1 var wdOrientLandscape = 1 WordApp.Application.Visible=true; //执行完成之后是否弹出已经生成的word var myDoc=Wor...

location.search在客户端获取Url参数的方法

2016年07月27日 6 阅读

复制代码代码如下: 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;i<strs.length;i++） { Request[strs[i].split（...

js客户端快捷键管理类的较完整实现和应用

2016年07月27日 6 阅读

复制代码代码如下: //一个快捷键对象 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 = {}; KeyConlor.l...

web页面数据展示新想法（json）

2016年07月27日 7 阅读

在客户端使用js将json的数据绑定到页面元素中，而在服务器端只用根据参数生成不同数据的json字符串，这样不但减少了网络数据流量，而且也分离了显示层和逻辑层。为了绑定数据，客户端必须要有绑定数据使用的js代码。而数据绑定一般都是一样的，所以可以使用公用的绑定方式，比如span就将数据绑定到html属性中。优点： 1.数据交换量小，有利于传输。 2.页面和业务层分离 3.数据绑定无刷新 4.服务器端因为要生成的数据量减少了，所以压力会降低缺点： 1....

JQuery优缺点分析说明

2016年07月27日 6 阅读

1、jQuery实现脚本与页面的分离在HTML代码中，我们还经常看到类似这样的代码： <form id="myform" onsubmit=return validate（）;" > 即使validate（）函数可以被放置在一个外部文件中，实际上我们依然是把页面与逻辑和事件混杂在一起。jQuery让你可以将这两部分分离。借助于jQuery，页面代码将如下所示： <form id="myform"> 接下来，一个单独的JS文件将包含...

JS 图片缩放效果代码

2016年07月27日 5 阅读

复制代码代码如下:<HTML> <HEAD> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <TITLE>onMouseWheel</TITLE> <SCRIPT> var count = 10; function Picture（） { count = Counting（count）; Re...

JavaScript 构造函数面相对象学习必备知识

2016年07月27日 6 阅读

复制代码代码如下: function A（x） { this.x = x; } var obj = new A（5）; alert（obj.x）; 这段代码十分简单，但是我们重要的是看到了一个十分惊讶的结果，obj被我们赋予了一个属性x，就如同我们在C#中使用某个类的实例的时候一样。那么这个属性是怎么样产生的呢？关键语句：this.x=x。这句话就是进行一个属性的申明与赋值，这里，我们肯定会问到，this是什么？为什么可以使用this.x来进行申明与...

JavaScript 原型与继承说明

2016年07月27日 6 阅读

function A（x） { this.x = x; } alert（A.prototype）; alert（A.prototype.constructor）;根据弹出的结果，我们可以得到：原型对象是由函数的构造函数创建，它所拥有的属性能被所有对象共享，初始时原型对象指向一个Object对象，并且定义了一个constructor属性，该属性指向定义该原型对象的构造函数本身，再看如下代码。 Code function A（x） { A.prototype....

Jquery CheckBox全选方法代码附js checkbox全选反选代码

2016年07月27日 8 阅读

jquery方法如下：复制代码代码如下: function CheckAll（val） { $（"input[name="chkJob"]"）.each（function（） { this.checked = val; }）; $（"#chkAll"）.attr（"checked", val）;//设定全选按钮状态 } val 该参数传递的是全选按钮的选择状态 name="chkJob" 这个为列表中的checkbox名称 chkAll 就为全选按钮...

Confirmer JQuery确认对话框组件

2016年07月27日 7 阅读

插件截图：用途：点击链接或按钮时要确认是否继续当前操作。插件代码：复制代码代码如下: （function（$）{ $.fn.confirmer = function（options）{ var defaults = { msg:"Are you sure to delete it ？" } var options = $.extend（defaults, options）; var control=$（this）; $（control）.click（fu...

实用的js 焦点图切换效果结构行为相分离

2016年07月27日 6 阅读

焦点图切换效果，对前端来说，恐怕再熟悉不过了，实现它的方法应该有多种，工作当中常用的一种，叙述如下：如何让当前的数字导航与图片的显示同步？这里有两个区域，图片切换区和数字导航区；分别对应着两个循环函数；plays（value）和setBg（value）；当图片循环切换到第2张时，此时数字导航的当前状态也变换到第2的位置，以此达到一种同步的效果，这里的关键就是给他们传递相同的参数value；而这个任务就交给了函数Mea（value）；图片应该是自动切...

Array.prototype.slice 使用扩展

2016年07月27日 6 阅读

除了正常用法，slice 经常用来将 array-like 对象转换为 true array. 名词解释：array-like object – 拥有 length 属性的对象，比如 { 0: ‘foo", length: 1 }, 甚至 { length: ‘bar" }. 最常见的 array-like 对象是 arguments 和 NodeList. 查看 V8 引擎 array.js 的源码，可以将 slice 的内部实现简化为：复制代码代码...

jQuery-ui中自动完成实现方法

2016年07月27日 6 阅读

比如有一组数组["abace","bceda","dabce","efeffd","daabc"] 将这些值作为自动完成控件的数据源。并在输入框中输入“ab”，那么会出来三组（1，3，5）因为这里边都有ab 但是我想要以“ab”开头的。并且知道搜索是使用正则。下一步改源码。在源码中那个根据传入的正则对象查找的方法，并在方法传入的字符串前边加一个"^"字符。这样就OK了...

jQuery创建自己的插件（自定义插件）的方法

2016年07月27日 5 阅读

但必须知道，这些插件不是自己凭空产生的，它们是由开发人员编写、测试并完善的，这些人员为 jQuery 社区奉献了自己的业余时间。我们做这些都是免费的，是出于对自己代码的热爱。本文主要关注您如何回报这个伟大的社区，即如何编写自己的插件并上传到 jQuery 的插件页面。这可以让所有人使用您创建的插件，可以让整个 jQuery 开发社区变得更好。今年您也做出自己的贡献吧。在编写本文中的插件时，我发现插件的创建过程以及用来创建它的框架非常简单明了。困难的地方在...

jQuery EasyUI中对表格进行编辑的实现代码

2016年07月27日 6 阅读

效果图:复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <ti...

首页 / 脚本样式 / JavaScript

js执行时间查看器

javascript异步编程

javascript调试说明

Js密码强度实时验证代码

Extjs中常用表单介绍与应用

js word表格动态添加代码

location.search在客户端获取Url参数的方法

js客户端快捷键管理类的较完整实现和应用

web页面数据展示新想法（json）

JQuery优缺点分析说明

JS 图片缩放效果代码

JavaScript 构造函数 面相对象学习必备知识

JavaScript 原型与继承说明

Jquery CheckBox全选方法代码附js checkbox全选反选代码

Confirmer JQuery确认对话框组件

实用的js 焦点图切换效果 结构行为相分离

Array.prototype.slice 使用扩展

jQuery-ui中自动完成实现方法

jQuery创建自己的插件（自定义插件）的方法

jQuery EasyUI中对表格进行编辑的实现代码

JavaScript 构造函数面相对象学习必备知识

实用的js 焦点图切换效果结构行为相分离