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

javascript解析json数据的3种方式

2017年02月06日 12 阅读

3种方式解析json数据复制代码代码如下: var obj=eval（"（"+traItem.rel+"）"）; //性能不好 var obj = （new Function（"return " + traItem.rel））（）; var obj = JSON.parse（traItem.rel）; //这个要求的格式比较严格 ...

javascript实现的一个带下拉框功能的文本框

2017年02月06日 12 阅读

有时我们需要一个可选的下拉框来选取内容，但是但是又有可以自定义输入的需求。对于这种需求，大部分网站使用的都是一个下拉框和一个 input text ，并列或分行给出选择。那么，我们希望它看上去像一个可以输入也可以选择的下拉框，那该如何做呢？其实我们可以通过 css position 定位及少许的 javascript 代码，模拟出来这种效果。复制代码代码如下:<！DOCTYPE html><html><head><...

js 设置缓存及获取设置的缓存

2017年02月06日 13 阅读

复制代码代码如下: //设置缓存,获取设置的缓存，键值对形式, name value localStorage.getItem（"key"）; //获取键的值 localStorage.setItem（"key", 1）; //设置键的值 ...

一个html5播放视频的video控件只支持android的默认格式mp4和3gp

2017年02月06日 12 阅读

复制代码代码如下: <！DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> </head> <body> <...

Js Jquery创建一个弹出层可加载一个页面

2017年02月06日 12 阅读

复制代码代码如下: <！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=gb2312" /> <tit...

setInterval计时器不准的问题解决方法

2017年02月06日 12 阅读

在js中如果打算使用setInterval进行倒数,计时等功能,往往是不准确的,因为setInterval的回调函数并不是到时后立即执行,而是等系统计算资源空闲下来后才会执行.而下一次触发时间则是在setInterval回调函数执行完毕之后才开始计时,所以如果setInterval内执行的计算过于耗时,或者有其他耗时任务在执行,setInterval的计时会越来越不准,延迟很厉害. 下面的代码可以说明这个问题复制代码代码如下: var startTim...

jquery通过visible来判断标签是否显示或隐藏

2017年02月06日 12 阅读

复制代码代码如下: if（$（".spnTotal"）.is（":visible"）==false） { alert（"隐藏"）; } else { alert（"显示"）; } ...

jQuery.extend（）、jQuery.fn.extend（）扩展方法示例详解

2017年02月06日 12 阅读

jQuery自定义了jQuery.extend（）和jQuery.fn.extend（）方法.其中jQuery.extend（）方法能够创建全局函数或者选择器,而jQuery.fn.extend（）方法能够创建jQuery对象方法. 例如: 复制代码代码如下: jQuery.extend（{ showName : function（name）{ alert（name） } }）; jQuery.showName（"深蓝"）; jQuery.extend...

jQuery产品间断向下滚动效果核心代码

2017年02月06日 12 阅读

核心代码如下：复制代码代码如下: $（function（）{ var _BuyList=$（"#buyList"）; var Trundle = function （） { _BuyList.prepend（_BuyList.find（"li:last"））.css（"marginTop", "-85px"）; _BuyList.animate（{ "marginTop": "0px" }, 800）; } var setTrundle = setIn...

玩转方法:call和apply

2017年02月06日 14 阅读

在ECMAScript v3中，给Function原型定义了这两个方法，这两个方法的作用都是一样的：使用这两个方法可以像调用其他对象方法一样调用函数，这句话是从书上抄的，至少我是没读明白这是什么意思。下面说简单易懂的，先看段代码：复制代码代码如下:function Introduce（name,age） { document.write（"My name is "+name+".I am "+age）; } var p=new People（）; ...

Javascript玩转继承（一）

2017年02月06日 13 阅读

Javascript究竟是一门面向对象的语言，还是一门支持对象的语言，我想每个人都有着自己的看法。那些Javascript忠实的Fans一定讲Javascript是一门面向对象的语言，像《Javascript王者归来》一书中对Javascript的说法是基于原型的面向对象。我谈谈我个人的看法。面向对象的三个特征，继承，多态，封装，Javascript虽然实现起来不像Java,C#等面向对象的语言来得快，但是毕竟也有着一定的支持。因此说Javascript是...

js的Prototype属性解释及常用方法

2017年02月06日 13 阅读

函数：原型每一个构造函数都有一个属性叫做原型（prototype,下面都不再翻译，使用其原文）。这个属性非常有用：为一个特定类声明通用的变量或者函数。prototype的定义你不需要显式地声明一个prototype属性，因为在每一个构造函数中都有它的存在。你可以看看下面的例子：Example PT1复制代码代码如下:function Test（）{}alert（Test.prototype）; // 输出 "Object"给prototype添加属性就如...

Javascript玩转继承（二）

2017年02月06日 12 阅读

毋庸置疑，这种方式是比较容易理解的，在子类中调用父类的构造函数。另外，这种方法最大的一个优点就是说构造继承可以实现多继承，复习下这个代码：复制代码代码如下:function A（）{ }function B（）{ }function C（）{ this.father=A; this.father（）; delete this.father; this.father=B; this.father（）; delete this.father;}但是这种方式也...

Javascript玩转继承（三）

2017年02月06日 12 阅读

首先，我们来看非主流继承一：实例继承法。我也不说那么多废话了，既然是非主流继承，就一定不常用，既然不常用还存在，那就只有一个因素，他用于特定的场合。实例继承法，就主要用于核心对象的继承，也是目前为止唯一能够解决核心对象继承的方式。核心对象的继承拥有一定的价值，比如说Error对象，我们公司可能要自己实现一个Error 类来简化今后的开发，那么这个时候我就要使用实例继承法来继承Error。代码如下：复制代码代码如下:function ExtendingEr...

JQuery动画animate的stop方法使用详解

2017年02月06日 12 阅读

animate语法：复制代码代码如下: $（selector）.animate（styles,speed,easing,callback）复制代码代码如下: <！doctype html> <html> <head> <meta charset="UTF-8"> <title>Testing</title> <link rel="stylesheet" href="cs...

用js格式化金额可设置保留的小数位数

2017年02月06日 13 阅读

复制代码代码如下: //金额的格式化s为要格式化的参数（浮点型），n为小数点后保留的位数 function formatMoney（s,n）{ n = n>0 && n<=20 ？ n : 2; s = parseFloat（（s+""）.replace（/[^d.-]/g,""））.toFixed（n）+""; var l = s.split（"."）[0].split（""）.reverse（）, r = s.split（"."）[1];...

js获取鼠标点击的位置实现思路及代码

2017年02月06日 12 阅读

copy来的，但是原页面的代码还是需要修改，下面是修改可用的常用的是 event.clientX和event.clientY分别获取横向的和纵向的位置，但仅使用这个方法是不够的，因为event.clientX和event.clientY获取的鼠标位置是相对于当前屏幕的，而不考虑页面的滚动条所滚动的距离。复制代码代码如下: function pointerX（event） { return event.pageX || （event.clientX +...

JavaScript Array对象扩展indexOf（）方法

2017年02月06日 12 阅读

背景：JavaScript中Array对象的标准方法中，没有indexOf（）方法，可通过下面的代码扩展。复制代码代码如下: if （！Array.prototype.indexOf） { Array.prototype.indexOf = function（elt） { var len = this.length >>> 0; var from = Number（arguments[1]） || 0; from = （from &l...

js统计页面的来访次数实现代码

2017年02月06日 12 阅读

脚本说明: 把如下代码加入<body>区域中复制代码代码如下: <SCRIPT language="JavaScript"><！-- function getCookieVal（offset） {var endstr=document.cookie.indexOf（";",offset）;if（endstr==-1） endstr=document.cookie.length;return unescape（documen...

javascript字母大小写转换的4个函数详解

2017年02月06日 13 阅读

js中实现字母大小写转换主要用到了四个js函数：1.toLocaleUpperCase2.toUpperCase3.toLocaleLowerCase4.toLowerCase 下面就这四个实现大小写转换的js函数逐一做简单的分析。1.toLocaleUpperCase将字符串中所有的字母字符都将被转换为大写的，同时适应宿主环境的当前区域设置。2.toUpperCase将字符串中的所有字母都被转化为大写字母。3.toLocaleLowerCase将字符串所...

首页 / 脚本样式 / JavaScript

javascript解析json数据的3种方式

javascript实现的一个带下拉框功能的文本框

js 设置缓存及获取设置的缓存

一个html5播放视频的video控件只支持android的默认格式mp4和3gp

Js Jquery创建一个弹出层可加载一个页面

setInterval计时器不准的问题解决方法

jquery通过visible来判断标签是否显示或隐藏

jQuery.extend（）、jQuery.fn.extend（）扩展方法示例详解

jQuery产品间断向下滚动效果核心代码

玩转方法:call和apply

Javascript玩转继承（一）

js的Prototype属性解释及常用方法

Javascript玩转继承（二）

Javascript玩转继承（三）

JQuery动画animate的stop方法使用详解

用js格式化金额可设置保留的小数位数

js获取鼠标点击的位置实现思路及代码

JavaScript Array对象扩展indexOf（）方法

js统计页面的来访次数实现代码

javascript字母大小写转换的4个函数详解