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

ExtJS4中的requires使用方法示例介绍

2017年02月06日 18 阅读

ExtJS4的requires是新增的机制，主要是实现异步加载机制。这样在不点击对应的按钮或者选项的时候就不会加载对应的js文件，提高了加载速度和用户等待时间。 requires机制的实现通过一个Ext.Loader.setConfig函数来设置文件寻找的映射目录，然后在需要用到对应js文件的时候使用Ext.require进行加载。文件的存储结构如下所示： ux文件夹和lesson2.htm和lesson22.js在相同的目录下，而使用到的MyWin.j...

ExtJS4中使用mixins实现多继承示例

2017年02月06日 14 阅读

在ExtJS4中使用mixins来实现多继承。具体例子代码如下：复制代码代码如下: （function（）{ Ext.onReady（function（）{ Ext.define（"say",{ canSay:function（）{ alert（"hello"）; } }）; Ext.define（"eat",{ caneat:function（）{ alert（"eating"）; } }）; Ext.define（"user",{ mixins:{...

JavaScript判断变量是否为undefined的两种写法区别

2017年02月06日 15 阅读

工作中我们经常需要判断某个变量/属性是否为undefined。通常有两种写法复制代码代码如下:// 方式1 typeof age === "undefined"; // 方式2 age === undefined 这两种写法有什么区别吗？应该使用哪一种呢？看看下面的例子复制代码代码如下:typeof age === "undefined"; // true 标识符 age 没有声明过，输出true。再看另一个例子复制代码代码如下:age ===...

如何在JavaScript中实现私有属性的写类方式（一）

2017年02月06日 18 阅读

之前讨论过JavaScript中的写类方式。但没有讨论私有的实现。这篇看下。我们知道JS中私有属性的实现本质就是 var + closure。如下复制代码代码如下:function Person（n, a）{ // public this.name = n; // private var age = a; this.getName = function（）{ return this.name; } this.getAge = functi...

如何在JavaScript中实现私有属性的写类方式（二）

2017年02月06日 19 阅读

上一篇写了个工具函数$class，这篇再完善以下。实现以下功能1，继承2，子类继承父类时，不继承父类的私有属性复制代码代码如下:/** * @param {String} className * @param {String/Function} superCls * @param {Function} classImp */function $class（className, superCls, classImp）{ if（superCls === "...

js跑步算法的实现代码

2017年02月06日 14 阅读

先复制一下，看看运行的效果吧，其中用到的精髓是setInterval（）方法：复制代码代码如下:<！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><title>JavaScript</title><style>html{backgr...

快速解决FusionCharts联动的中文乱码问题

2017年02月06日 18 阅读

问题内容:使用fusioncharts 时,也许你想在如demo.html 这个页面点击Chart的一个部分,然后显示这个部分的详细内容。fusioncharts有setDataXML,setDataURL 这两个方法是用来设置数据的.但是会有乱码问题（可能出现在AJAX情况）,具体使用过的童鞋应该明白.具体细节不详细说明了.处理办法.如果你Ajax请求的返回内容乱码,就直接使用Jquery.ajax.复制代码代码如下:function mychartc...

验证控件与Button的OnClientClick事件详细解析

2017年02月06日 21 阅读

一、事件这是一个长期被我忽略或者是没有发现的问题，问题是这样的：在一个页面中，当有验证控件的时候，当Button控件触发OnClientClick事件，并且这个事件会返回true和false的时候，验证控件就会失效，不起作用了。具体描述如下：.Net页面如下：复制代码代码如下:<form id="form1" runat="server"><asp:ScriptManager ID="ScriptManager1" runat="ser...

jquery使用jquery.zclip插件复制对象的实例教程

2017年02月06日 15 阅读

复制代码代码如下:<script type="text/javascript" src="js/jquery.js"></script><script type="text/javascript" src="js/jquery.zclip.min.js"></script>复制代码代码如下:$（function（）{ $（"#copy_input"）.zclip（{ path: "js/ZeroClipb...

两个数组去重的JS代码

2017年02月06日 14 阅读

第一种：复制代码代码如下:function unique （arr）{ var obj = {},newArr = []; for（var i = 0;i < arr.length;i++）{ var value = arr[i]; if（！obj[value]）{ obj[value] = 1; newArr.push（value）; } } return newArr;}这个方法把数组的值存入对象，所以，在数组存在对象队员的时候，运行失败（对象...

jquery内置验证（validate）使用方法示例（表单验证）

2017年02月06日 21 阅读

（1）required:true 必输字段（2）remote:"check.php" 使用ajax方法调用check.php验证输入值（3）email:true 必须输入正确格式的电子邮件（4）url:true 必须输入正确格式的网址（5）date:true 必须输入正确格式的日期（6）dateISO:true 必须输入正确格式的日期（ISO），例如：2009-06-23，1998/01/22 只验证格式，不验证有效性（7）number:true 必须输入...

浏览器图片选择预览、旋转、批量上传的JS代码实现

2017年02月06日 17 阅读

工作中遇到的业务场景，和同事一起研究了下，主要是为了兼容IE版本其实就是一些琐碎的知识点在网上搜集下解决方式，然后集成了下，主要有以下点： 1. IE input type=file的图片预览要用IE的filter css progid:DXImageTransform.Microsoft.AlphaImageLoader chrome/firefox则用File api的file reader 2. 图片旋转，IE用progid:DXImageTran...

jquery validate添加自定义验证规则（验证邮箱邮政编码）

2017年02月06日 14 阅读

jQuery：validate添加自定义验证jQuery.validator.addMethod添加自定义的验证规则addMethod：name, method, message简单实例：单个验证的添加复制代码代码如下:<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional....

JavaScript执行顺序详细介绍

2017年02月06日 17 阅读

之前从JavaScript引擎的解析机制来探索JavaScript的工作原理，下面我们以更形象的示例来说明JavaScript代码在页面中的执行顺序。如果说，JavaScript引擎的工作机制比较深奥是因为它属于底层行为，那么JavaScript代码执行顺序就比较形象了，因为我们可以直观感觉到这种执行顺序，当然JavaScript代码的执行顺序是比较复杂的，所以在深入JavaScript语言之前也有必要对其进行剖析。1.1 按HTML文档流顺序执行Java...

JS获得QQ号码的昵称,头像,生日的简单实例

2017年02月06日 14 阅读

http://r.qzone.qq.com/cgi-bin/user/cgi_personal_card？uin=指定QQ号码将会返回下列内容：_Callback（{"uin":查询的QQ号码,"qzone":1,"nickname":"昵称","offsetBirth":距离生日的天数,"avatarUrl":"查询的QQ号码头像地址"}）;针对这个内容，对_Callback事先进行实现，然后在<script src=>中放置上面的URL，利...

下拉列表select 由左边框移动到右边示例

2017年02月06日 18 阅读

当页面还没有加载完的时候调用下面语句，会取不到“add” 这个对象，提示为空或不是对象复制代码代码如下: document.getElementById（"add"）.onclick = function（）{ alert（"hello"）; } 当使用便可取的对象复制代码代码如下: window.onload = function（）{ document.getElementById（"add"）.onclick = function（）{ a...

javascript设置金额样式转换保留两位小数示例代码

2017年02月06日 15 阅读

复制代码代码如下: //金额格式转换 function parsePrice（s） { var n = 2 //设置保留的小数位数 s = parseFloat（（s + ""）.replace（/[^d.-]/g, ""））.toFixed（n） + ""; var l = s.split（"."）[0].split（""）.reverse（）; var r = s.split（"."）[1]; var t = ""; for （i = 0; i &l...

jquery动态改变onclick属性导致失效的问题解决方法

2017年02月06日 14 阅读

复制代码代码如下: <li id="" onclick =""></li> 虽然在很多时候，都是非常不推荐这样写的，但是还有有些时候会碰到这样的代码。那么你可能在某些时候需要去修改onclick 的属性如下：复制代码代码如下: $（"#id"）.attr（"onclick",url）; 这样的代码，在chrome和firefox 中可以得到你想要的结果。遗憾的是在ie中，至少是ie7 以下是没有效果的，至于i8好像也是...

js如何设置在iframe框架中指定div不显示

2017年02月06日 15 阅读

复制代码代码如下: <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>测试</title> <script language="javascript" type="text/javascript"> function getStyle（） { if （window.top == window.sel...

弹出最简单的模式化遮罩层的js代码

2017年02月06日 17 阅读

假设我们有一个容器container如下: 复制代码代码如下: <style type=”text/css”> #container{width:auto;height:auto; overflow:hidden;} /*这里的overflow:hidden;属性主要是为了设置使超出container的部分自动隐藏，之所以设置这个属性，是为了解决ie8及以下版本浏览器兼容性问题*/ </style> <div id=”con...

首页 / 脚本样式 / JavaScript

ExtJS4中的requires使用方法示例介绍

ExtJS4中使用mixins实现多继承示例

JavaScript判断变量是否为undefined的两种写法区别

如何在JavaScript中实现私有属性的写类方式（一）

如何在JavaScript中实现私有属性的写类方式（二）

js跑步算法的实现代码

快速解决FusionCharts联动的中文乱码问题

验证控件与Button的OnClientClick事件详细解析

jquery使用jquery.zclip插件复制对象的实例教程

两个数组去重的JS代码

jquery内置验证（validate）使用方法示例（表单验证）

浏览器图片选择预览、旋转、批量上传的JS代码实现

jquery validate添加自定义验证规则（验证邮箱 邮政编码）

JavaScript执行顺序详细介绍

JS获得QQ号码的昵称,头像,生日的简单实例

下拉列表select 由左边框移动到右边示例

javascript设置金额样式转换保留两位小数示例代码

jquery动态改变onclick属性导致失效的问题解决方法

js如何设置在iframe框架中指定div不显示

弹出最简单的模式化遮罩层的js代码

jquery validate添加自定义验证规则（验证邮箱邮政编码）