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

jquery下json数组的操作实现代码

2017年02月06日 22 阅读

今天试过json[i].remove（）,json.remove（i）之后都不行，看网页的DOM对象中好像JSON数据是以数组的形式出现的，查阅了下相关JS中数组的操作一试果然很爽。记录下来。 1、数组的创建复制代码代码如下: var arrayObj = new Array（）; //创建一个数组 var arrayObj = new Array（[size]）; //创建一个数组并指定长度，注意不是上限，是长度 var arrayObj = ne...

jQuery Dialog 弹出层对话框插件

2017年02月06日 23 阅读

原理很简单，通过JS动态构建一个div层，将其插入到body中，然后通过调整position的CSS属性为absolute或fixed，使其脱离原来的文档流的位置。再通过适当的加工美化就成了。复制代码代码如下: <！-- 背景遮盖层 --> <div class="dialog-overlay"></div> <！-- 对话框 --> <div class="dialog"> <div ...

javascript中的prototype属性实例分析说明

2017年02月06日 21 阅读

在Javascript中，一切都是对象，字符串是对象，数组是对象，变量是对象，函数也是对象，所以才会允许["a","b","c"].push（"d"）;这样的操作存在。类本身也是一个对象，也可以定义属性和方法：复制代码代码如下: function Test（）{}; Test.str = "str"; Test.fun = function（）{return "fun";}; var r1 = Test.str; // str var r2 = Tes...

js随机密码产生函数

2017年02月06日 23 阅读

复制代码代码如下: function randPassword（） { var text=["abcdefghijklmnopqrstuvwxyz","ABCDEFGHIJKLMNOPQRSTUVWXYZ","1234567890","~！@#$%^&*（）_+";",./？<>"]; var rand = function（min, max）{return Math.floor（Math.max（min, Math.random（） * （...

一个简单的javascript图片放大效果代码

2017年02月06日 22 阅读

一个简单的图片放大效果: 参数说明: 1.berviary:String,需要被放大的图片id 2.expand:object,放大区域,如果不设置此项或者此项的id未设置,则默认为光标跟随模式,会自动创建用于显示放大区域的div. 3.clip:object,裁剪区域的大小,即鼠标移动到需要放大的图片上时,突出显示需要被放的大区域 4.opacity:float,放大时图片被遮罩的区域的透明度效果1: 调用的js代码: 复制代码代码如下: $E（{b...

根据对象的某一属性进行排序的js代码（如：name,age）

2017年02月06日 23 阅读

复制代码代码如下: //定义一个对象数组 var data = [{ name: "jiang", age: 22 }, { name: "AAAAAAAAAAAAAA", age: 21 }, { name: "CCCCCCCCc", age: 25}]; //定义一个比较器 function compare（propertyName） { return function （object1, object2） { var value1 = ...

关于JavaScript 的事件综合分析第1/2页

2017年02月06日 20 阅读

A 事件流（event flow ）事件模型分为两种：冒泡型事件、捕获型事件。冒泡型（dubbed bubbling ）事件：指事件按照从最精确的对象到最不精确的对象的顺序逐一触发。捕获型（event capturing ）事件：它与冒泡型事件相反，指事件按照从最不精确的对象到最精确的对象的顺序逐一触发。捕获型事件也被称作自顶向下（DOM层次）的事件模型。由于IE 浏览器不支持捕获型事件，因此并没有被广泛应用。 B 事件监听 i > 通用监...

JavaScript 错误处理与调试经验总结

2017年02月06日 22 阅读

下面总结一下JS错误处理与调试的方法方法1：用alert（）和document.write（）方法监视变量值。 alert（）在弹出对话框显示变量值的同时，会停止代码的继续运行，直到用户单击“确定”按钮，而document.write（）则在输出值后继续运行代码。调试JS时可以根据具体情况来选择这种方法。例如下面代码：将数组a中以1开头的数据添加到数组b中复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DT...

用js解决数字不能换行问题

2017年02月06日 23 阅读

复制代码代码如下: function toBreakWord（intLen, id）{ var obj=document.getElementById（id）; var strContent=obj.innerHTML; var strTemp=""; while（strContent.length>intLen）{ strTemp+=strContent.substr（0,intLen）+"<br>"; strContent=strC...

基于jQuery的上下无缝滚动应用（单行或多行）

2017年02月06日 22 阅读

核心jQuery代码: 复制代码代码如下: $（function（）{ var _wrap=$（"ul.line"）;//定义滚动区域 var _interval=2000;//定义滚动间隙时间 var _moving;//需要清除的动画 _wrap.hover（function（）{ clearInterval（_moving）;//当鼠标在滚动区域中时,停止滚动 },function（）{ _moving=setInterval（function（）...

JQuery最佳实践之精妙的自定义事件

2017年02月06日 24 阅读

恰好偶最近负责的一个可视化编辑器的开发，其中有些地方便应用了JQuery的自定义事件，而且达到了很好的效果-精简代码的同时充分利用了OO的原则。本文以我实际应用开发过程中遇到的一个例子进一步说明“什么时候用JQuery的自定义事件以及怎么用”，希望可以抛砖引玉，同时权且当是回复同学们的邮件了。 Demo-Ingenious JQuery custom event JQuery最佳实践-精妙的自定义事件问题：一个复选框X，你如何便捷地触发它的click事...

基于JQuery的数字改变的动画效果--可用来做计数器

2017年02月06日 20 阅读

因为要求是动态的，我就想到了应该是位置的变化，想到之前用过的JQuery，把里边的效果全试了试，最后选用了animate自定义，代码如下：复制代码代码如下: <html> <head> <title>testAnimate</title> <script type="text/javascript"> function changeNum（n） { //n设为想要改成的数字 $（functio...

判断客户端浏览器是否安装了Flash插件的多种方法

2017年02月06日 23 阅读

常用的方法: 复制代码代码如下: <SCRIPT LANGUAGE="JavaScript"> <！-- var swf = new ActiveXObject（"ShockwaveFlash.ShockwaveFlash"）; （swf）？ document.writeln（"你已经安装了插件"） : document.writeln（"你没有安装插件"）; // --> </SCRIPT> [code] 动态加载...

Dom入门教程图解推荐

2017年02月06日 23 阅读

那么Dom是如何读取和管理Html文件的呢？首先你必须要了解html的源码结构．看图如果你有学过或写过Html，那么你会对上图一目了然．我想要说明的就是Html的源码结构是有层次的，而且标签与杯签之间还存在着父子，或相邻的关系．上图不难看出HTML这个标签是最顶级的．最上层的．也可以理解成html文件的根．其次是Head与Body标签．这两个标签是相邻的．也可以理解成兄弟关系．但他们都属于html的子标签或称为子元素．然后Body标签内包含了Table,...

javascript 宝宝出生倒计时实现代码

2017年02月06日 20 阅读

#PPQTime{ font-size:36px; color:black; font-weight:bold; } function Clock（） { var Today=new Date（）; var PPQday=new Date（2010,9-1,28）; var DayTime = （PPQday.getTime（）-Today.getTime（））/ 1000 / 60 / 60 /24; var days = parseInt（D...

javascript 词法作用域和闭包分析说明

2017年02月06日 25 阅读

复制代码代码如下: var classA = function（）{ this.prop1 = 1; } classA.prototype.func1 = function（）{ var that = this, var1 = 2; function a（）{ return function（）{ alert（var1）; alert（this.prop1）; }.apply（that）; }; a（）; } var objA = new ClassA（...

javascript闭包的理解和实例

2017年02月06日 23 阅读

顺便提示一下：词法作用域：变量的作用域是在定义时决定而不是执行时决定，也就是说词法作用域取决于源码，通过静态分析就能确定，因此词法作用域也叫做静态作用域。 with和eval除外，所以只能说JS的作用域机制非常接近词法作用域（Lexical scope）。下面是一个简单的使用全局变量的闭包实例：复制代码代码如下: var sWord="Hello,Welcome to web前端开发工程师的博客，请多多指教。" function disWord（）...

页面只有一个text的时候，回车自动submit的解决方法

2017年02月06日 22 阅读

简单的页面html代码如下复制代码代码如下: <html> <head> <title>test</title> <script language="javascript"> function test（）{ if（event.which || event.keyCode）{ if（event.which==13 || event.keyCode==13）{ ajaxpost（）; retur...

js更优雅的兼容

2017年02月06日 22 阅读

问题种种做底层接口兼容，无非就是利用if，判断客户端支持哪个接口的问题。最著名的例子就是事件：复制代码代码如下: var addEvent = function（e, what, how） { if （e.addEventListener） e.addEventListener（what, how, false） else if （e.attachEvent） e.attachEvent（"on" + what, how） } 这里考虑了给元素绑定事...

JavaScript 通过模式匹配实现重载

2017年02月06日 22 阅读

正好infinte同学提出“更优雅的兼容”其实也和这个问题有一定的关联（我们后面会看到）在youa的脚本库中Function的Helper中，添加支持重载的模式匹配复制代码代码如下: /** * 函数参数重载方法 overload，对函数参数进行模式匹配。默认的dispatcher支持*和...以及？，"*"表示一个任意类型的参数，"..."表示多个任意类型的参数，"？"一般用在",？..."表示0个或任意多个参数 * @method overloa...

首页 / 脚本样式 / JavaScript

jquery下json数组的操作实现代码

jQuery Dialog 弹出层对话框插件

javascript中的prototype属性实例分析说明

js随机密码产生函数

一个简单的javascript图片放大效果代码

根据对象的某一属性进行排序的js代码（如：name,age）

关于JavaScript 的事件综合分析第1/2页

JavaScript 错误处理与调试经验总结

用js解决数字不能换行问题

基于jQuery的上下无缝滚动应用（单行或多行）

JQuery最佳实践之精妙的自定义事件

基于JQuery的数字改变的动画效果--可用来做计数器

判断客户端浏览器是否安装了Flash插件的多种方法

Dom入门教程图解 推荐

javascript 宝宝出生倒计时实现代码

javascript 词法作用域和闭包分析说明

javascript闭包的理解和实例

页面只有一个text的时候，回车自动submit的解决方法

js更优雅的兼容

JavaScript 通过模式匹配实现重载

Dom入门教程图解推荐