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

纯JS实现五子棋游戏兼容各浏览器（附源码）

2017年02月06日 15 阅读

纯JS五子棋（各浏览器兼容）效果图：代码下载 HTML代码复制代码代码如下: <！DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;"> <title>五子棋</title> <link rel="stylesheet" type="text/css" href="...

onkeypress字符按键兼容所有浏览器使用介绍

2017年02月06日 20 阅读

复制代码代码如下: document.onkeypress = function（ e ）{ alert（ getCharCode（ e ））; }; function getCharCode（ e ）{ var e = e || window.event; if（ typeof e.charCode == "number" ）{ return e.charCode; }else{ return e.keyCode; }; }; ...

网页中返回顶部代码（多种方法）另附注释说明

2017年02月06日 15 阅读

下面就说下简单的返回顶部效果的代码实现，附注释说明。 1. 最简单的静态返回顶部，点击直接跳转页面顶部，常见于固定放置在页面底部返回顶部功能方法一：用命名锚点击返回到顶部预设的id为top的元素复制代码代码如下: <a href="#top" target="_self">返回顶部</a> 方法二：操作scrooll函数用来控制滚动条的位置（第一个参数是水平位置，第二个参数是垂直位置）复制代码代码如下: <a h...

js Array对象的扩展函数代码

2017年02月06日 21 阅读

使用复制代码代码如下:<script language=javascript>var isNumeric = function（x） { // returns true if x is numeric and false if it is not. var RegExp = /^（-）？（d*）（.？）（d*）$/; return String（x）.match（RegExp）;}var myArray = [1,"two",3,"four...

只需20行代码就可以写出CSS覆盖率测试脚本

2017年02月06日 16 阅读

document.styleSheets里保存了当前页面上所有CSS规则的集合。通过它可以遍历出页面<style>里定义的所有selector，访问selectorText属性可得选择器的匹配规则。然后将规则规则传递给 document.querySelectorAll 即可获取页面内匹配此规则的元素列表。这里我们只求CSS规则的覆盖率，所以访问 querySelectorAll（）.length 即可。通过排序就可看出各个CSS使用情...

jQuery中 noConflict（）方法使用

2017年02月06日 20 阅读

jQuery 和其他 JavaScript 框架正如您已经了解到的，jQuery 使用 $ 符号作为 jQuery 的简写。如果其他 JavaScript 框架也使用 $ 符号作为简写怎么办？其他一些 JavaScript 框架包括：MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScript MVC、Google Web Toolkit、Google Closure、Ember、Batman 以及 Ext ...

JQUERY对单选框（radio）操作的小例子

2017年02月06日 16 阅读

复制代码代码如下:<asp:RadioButtonList runat="server" ID="rblShow" class="show" RepeatDirection="Horizontal"> <asp:ListItem Text="是" value="1" /> <asp:ListItem Text="否" value="0"/> </asp:RadioButtonList><p class...

7款吸引人眼球的jQuery/CSS3特效实例分享

2017年02月06日 20 阅读

作为WEB前端开发者，jQuery和CSS3肯定用得也比较多，那么下面就分享一些由jQuery和CSS3制作成的特效，希望大家会喜欢。1、基于jQuery和CSS3的圆盘抽奖这个小程序可以让你在网站上轻松的添加一个抽奖应用，应用是基于jQuery和CSS3开发的，圆盘抽奖很好玩的哦，你抽中了什么？在线演示 /源码下载2、纯CSS3实现的点击发光按钮特效这款按钮时基于纯CSS3实现的，当用户点击按钮的瞬间，按钮四周会发出淡淡的白光效果，是一款非常有特色的按钮...

上传的js验证（图片/文件的扩展名）

2017年02月06日 22 阅读

js 验证上传图片复制代码代码如下: var ImgObj=new Image（）;//建立一个图像对象 varAllImgExt=".jpg|.jpeg|.gif|.bmp|.png|"//全部图片格式类型 varFileObj,ImgFileSize,ImgWidth,ImgHeight,FileExt,ErrMsg,FileMsg,IsImg//全局变量图片相关属性 //以下为限制变量 var AllowExt=""; //允许上传的文件类型&#...

同时使用n个window onload加载实例介绍

2017年02月06日 16 阅读

复制代码代码如下: /* 1、obj相当于window 2、type相当于onload 3、fn相当于匿名函数 */ function addEvent（ obj,type,fn ）{ var saved = null; // 用户保存上一个事件 if（ typeof obj[ "on" + type ] == "function" ）{ saved = obj[ "on" + type ]; // 用户保存上一个事件 }; // 执行事件 obj[ "...

JQuery为textarea添加maxlength属性并且兼容IE

2017年02月06日 20 阅读

// JQuery为textarea添加maxlength // textarea默认不支持maxlength属性。 // 通过JQuery的keyup事件： JQuery代码如下：复制代码代码如下: <script type="text/javascript"> $（function（）{ //IE也能用textarea $（"textarea[maxlength]"）.keyup（function（）{ var area=$（this）...

JS保留小数点（四舍五入、四舍六入）实现思路及实例

2017年02月06日 15 阅读

复制代码代码如下: <！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>floatDecimal.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <me...

利用js的Node遍历找到repeater的一个字段实例介绍

2017年02月06日 19 阅读

js部分：复制代码代码如下: var checkboxs = document.getElementsByTagName（"input"）; for（var i=0;i<checkboxs.length;i++） { if（checkboxs[i].type=="checkbox" && checkboxs[i].checked==true）{ var trobj=checkboxs[i].parentNode.parentNode; //找到t...

关于jQuery新的事件绑定机制on（）的使用技巧

2017年02月06日 20 阅读

今天浏览jQuery的deprecated列表，发现live（）和die（）在里面了，赶紧看了一下，发现从jQuery1.7开始，jQuery引入了全新的事件绑定机制，on（）和off（）两个函数统一处理事件绑定。因为在此之前有bind（）, live（）, delegate（）等方法来处理事件绑定，jQuery从性能优化以及方式统一方面考虑决定推出新的函数来统一事件绑定方法并且替换掉以前的方法。on（events,[selector],[data],fn...

基于jQuery.Validate验证库知识点的详解

2017年02月06日 19 阅读

1、如果设置了errorContainer、errorLabelContainer、wrapper，则errorPlacement不起作用复制代码代码如下:... $（document）.ready（function（）{ $（"#myform"）.validate（{ errorContainer: "#messageBox1, #messageBox2", errorLabelContainer: "#messageBox1 ul", wrapper...

jQuery.Validate验证库的使用介绍

2017年02月06日 20 阅读

jQuery.Validate验证库1、下载jquery.validate，这里我提供jquery-validation-1.9.0，点击下载默认校验规则复制代码代码如下:（1）required:true 必输字段（2）remote:"check.php" 使用ajax方法调用check.php验证输入值（3）email:true 必须输入正确格式的电子邮件（4）url:true 必须输入正确格式的网址（5）date:true 必须输入正确格式的日期（6...

关于jquery.validate1.9.0前台验证的使用介绍

2017年02月06日 20 阅读

一、利用jquery.form插件提交表单方法使用jquery.validate插件现象：当提交表单时，即使前台未验证通过，也照常提交表单。解决办法：复制代码代码如下:$（"#myForm"）.submit（function（）{ if （！$（this）.valid（）） return false;//加上此句OK $（".error"）.html（""）; $（"#go"）.prop（"disabled",true）; $（this）.ajaxSub...

用JQuery 判断某个属性是否存在hasAttr的解决方法

2017年02月06日 19 阅读

在JQuery编码中,我们会判断元素是否存在某个属性.比如是否包含 class="new" 的样式呢.JQuery判断就非常简单了,因为有 hasClass这个方法 $（"input[name=new]"）.hasClass（"new"）即可判断.但是有时候我们需要判断别的属性,比如有的 a 链接包含 rel 属性,有的没有rel属性.这时该怎么判断呢？这时就没有现成的方法了. 如果存在某个属性 $（"#aid"）.attr（"rel"）会返回 rel...

jQuery 遍历- 关于closest（）的方法介绍以及与parents（）的方法区别分析

2017年02月06日 19 阅读

closest（）方法获得匹配选择器的第一个祖先元素，从当前元素开始沿 DOM 树向上。语法：.closest（selector）参数selector为字符串值，包含匹配元素的选择器表达式。如果给定表示 DOM 元素集合的 jQuery 对象，.closest（）方法允许我们检索 DOM 树中的这些元素以及它们的祖先元素，并用匹配元素构造新的 jQuery 对象。.parents（）和 .closest（）方法类似，它们都沿 DOM 树向上遍历。两...

基于jquery的has（）方法以及与find（）方法以及filter（）方法的区别详解

2017年02月06日 20 阅读

has（selector选择器或DOM元素）将匹配元素集合根据选择器或DOM元素为条件，检索该条件在每个元素的后代中是否存在，将符合条件的的元素构成新的结果集。下面举一个例子：复制代码代码如下:<ul> <li>list item 1</li> <li>list item 2 <ul> <li><div><span>a</span></di...

首页 / 脚本样式 / JavaScript

纯JS实现五子棋游戏兼容各浏览器（附源码）

onkeypress字符按键兼容所有浏览器使用介绍

网页中返回顶部代码（多种方法）另附注释说明

js Array对象的扩展函数代码

只需20行代码就可以写出CSS覆盖率测试脚本

jQuery中 noConflict（） 方法使用

JQUERY对单选框（radio）操作的小例子

7款吸引人眼球的jQuery/CSS3特效实例分享

上传的js验证（图片/文件的扩展名）

同时使用n个window onload加载实例介绍

JQuery为textarea添加maxlength属性并且兼容IE

JS保留小数点（四舍五入、四舍六入）实现思路及实例

利用js的Node遍历找到repeater的一个字段实例介绍

关于jQuery新的事件绑定机制on（）的使用技巧

基于jQuery.Validate验证库知识点的详解

jQuery.Validate验证库的使用介绍

关于jquery.validate1.9.0前台验证的使用介绍

用JQuery 判断某个属性是否存在hasAttr的解决方法

jQuery 遍历- 关于closest（） 的方法介绍以及与parents（）的方法区别分析

基于jquery的has（）方法以及与find（）方法以及filter（）方法的区别详解

jQuery中 noConflict（）方法使用

jQuery 遍历- 关于closest（）的方法介绍以及与parents（）的方法区别分析