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

appendChild（）或 insertBefore（）使用与区别介绍

2016年07月27日 10 阅读

document.createElement（）是在对象中创建一个对象，要与appendChild（）或 insertBefore（）方法联合使用。其中，appendChild（）方法在节点的子节点列表末添加新的子节点。insertBefore（）方法在节点的子节点列表任意位置插入新的节点。下面，举例说明document.createElement（）的用法。<div id="board"></div> 例1：复制代码代...

JS分页效果示例

2016年07月27日 5 阅读

分页复制代码代码如下: <script type="text/javascript" language="javascript" src="js/pager.js"></script> 复制代码代码如下: /*--------pager-------*/ .number span a{padding:4px 6px;} .number span a:hover{padding:4px 6px; background-colo...

JS验证身份证有效性示例

2016年07月27日 5 阅读

复制代码代码如下: function checkIdcard（idcard）{ var Errors=new Array（ "验证通过", "身份证号码位数不对！", "身份证号码出生日期超出范围或含有非法字符！", "身份证号码校验错误！", "身份证地区非法！" ）; var area={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江",31:"上海",32:"江苏",...

extjs表格文本启用选择复制功能具体实现

2016年07月27日 8 阅读

extjs提供了方便的表格组件grid供使用，但是默认情况下表格中的文本是不能被选中的，自然也是无法复制的。而选择复制文本的需要也是很平常的，于是我们就需要自己动手来解决这个问题，实现extjs的grid文本选择复制功能。说明一点，文中所列出的代码片断都是在当前ext 4.0.2a版本下的，其它版本未做测试，请自行斟酌。首先自定义一下样式，来覆盖默认的css样式：复制代码代码如下: <style type="text/css"> .x...

设置checkbox为只读（readOnly）的两种方式

2016年07月27日 8 阅读

方式一： checkbox没有readOnly属性，如果使用disabled=“disabled”属性的话，会让checkbox变成灰色的，用户很反感这种样式可以这样让它保持只读：设置它的onclick="return false" js里就是 checkbox.onclick=function（）{return false;}; 方式二：复制代码代码如下: <script src="Demo3.1/jquery-1.4.2.min.js" t...

5秒后跳转到另一个页面的js代码

2016年07月27日 21 阅读

复制代码代码如下: <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>5秒后跳转到另一个页面</title> <script type="text/javascript"> var t = 5; function countDown（）{ var time...

js修改input的type属性问题探讨

2016年07月27日 5 阅读

js修改input的type属性有些限制。当input元素还未插入文档流之前，是可以修改它的值的，在ie和ff下都没问题。但如果input已经存在于页面，其type属性在ie下就成了只读属性了，不可以修改。在ff下仍是可读写属性。今天遇到个问题，输入框有默认值“密码”，但获得焦点时，“密码”两字会去掉，输入时直接变成”****“的password类型。很明显，一开始的时候，input的类型是text，后来变成了password类型。直观的思路是用js修改...

JavaScript对象学习经验整理

2016年07月27日 9 阅读

1.对象的创建方法：（1）通过new运算符创建，new后面跟着一个构造函数名 var object = new Object（）; 构造函数直接调用时通常没有返回值，它只是初始化由this值传递进来的对象；但是与new一起使用时返回一个对象值作为new表达式的值（2）对象直接量对象直接量由属性说明列表构成，列表包含在大括号中，其中属性说明由逗号隔开。对象直接量的每个属性说明都由属性名加上冒号和属性值构成，属性值可以是任何类型，也可以是函数 var o...

基于jquery的9行js轻松实现tab控件示例

2016年07月27日 6 阅读

复制代码代码如下: <！DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script type="text/javascript" src="../js/jquery-1.7.2.min.js"></script> <script type="text/javascript"> /** * 考虑到tab和pane有可...

原生js操作checkbox用document.getElementById实现

2016年07月27日 6 阅读

jquery与checkbox的checked属性的问题，讲的是控件<input type="checkbox"></input> 1、页面加载成功后，点击选中或取消选中该checkbox，checkbox属性里的checked属性不会根据该checkbox是否选中而变化 2、checkbox里的onchange或onclick方法里用jquery的attr方法获取checked是看得到的checked属性的值与它是否给钩上没有关系...

JavaScript var声明变量背后的原理示例解析

2016年07月27日 7 阅读

只要是写过点JS代码，很简单一个var 就完事了。那对于JS编译器背后它又发生了什么呢？那就一步步通过代码来讲起。复制代码代码如下: x = 1; alert（x）; var y = function（） { alert（x）; var x = 2; alert（x）; } y（）; 上面的代码也会你答对了它会分别输出：1,undefined,2。对于我来说，第一反应它会输出：1,1,2。为什么第二个会输出undefined？在上面我明确定义了一个全...

javascript动态的改变IFrame的高度实现自动伸展

2016年07月27日 5 阅读

动态的改变IFrame的高度，实现IFrame自动伸展，父页面也自动神缩原理：在IFrame子页面一加载的时候，调用父IFrame对象，改变其高度具体实现一: 1、在IFrame的具体页面（就是子页面），添加JavaScript 复制代码代码如下: <script> function IFrameResize（）{ //alert（this.document.body.scrollHeight）; //弹出当前页面的高度 var obj...

JavaScript如何从listbox里同时删除多个项目

2016年07月27日 5 阅读

要从列表框同时删除多个项目，我们不能从上到下的删除，因为上面的项目每删除一个，下面的项目的索引号就会变化，所以只能从下向上删除，这样就不会出现索引号乱变的问题了。 html代码复制代码代码如下: <table> <tr> <td align="center"> <select id="lsbox" name="lsbox" size="10" multiple> <option value="1"&...

几种延迟加载JS代码的方法加快网页的访问速度

2016年07月27日 6 阅读

本文介绍了如何延迟javascript代码的加载，加快网页的访问速度。当一个网站有很多js代码要加载，js代码放置的位置在一定程度上将会影像网页的加载速度，为了让我们的网页加载速度更快，本文总结了一下几个注意点： 1、延迟加载js代码复制代码代码如下: <script type=”text/javascript” src=”" id=”my”></script> <script type=”text/javascript...

js获取或设置当前窗口url参数的小例子

2016年07月27日 5 阅读

复制代码代码如下:// 获取当前窗口url中param参数的值function get_param（param）{ var query = location.search.substring（1）.split（"&"）; for（var i=0;i<query.length;i++）{ var kv = query[i].split（"="）; if（kv[0] == param）{ return kv[1]; } } return null;}/...

javascript预加载图片、css、js的方法示例介绍

2016年07月27日 5 阅读

预加载的好处可以让网页更快的呈现给用户，缺点就是可能会增加无用的请求（但图片、css、js这些静态文件可以被缓存），如果用户访问的页面里面的css、js、图片被预加载了，用户打开页面的速度会快很多，提升用户体验。在用到一些大图片展示的时候，预加载大图是很不错的方法，图片更快的被呈现给用户。不多说了，作为一个前端攻城师都懂的，下面分享我做的测试和得到的结果。先说需要知道的服务器返回的status code：status-code: 200 - 客户端请求成功...

Jquery 类网页微信二维码图块滚动效果具体实现

2016年07月27日 15 阅读

首先是自己定制的脚本方法属性代码：复制代码代码如下:/* * 创建浮动图片广告（Generate a dock AD image） * * USAGE: * $（selector）.higo_plugins_ad（{ * src:null, // 广告图片路径 * closeSrc:null, // 关闭图片路径 * href:"#", // 广告图片链接地址 * autoHide:true, // 是否自动隐藏 * hideSecond:10, // ...

不同Jquery版本引发的问题解决

2016年07月27日 5 阅读

这是最近三个月写得最完美的作品了，用JS实现了一个拖拽排序，效果图如下：一开始进入项目有了这样的拖拽实现想法，一点头绪没有，请教师兄说这样实现不可能。当时觉得很遗憾，打算用传统的方式去实现。正构思传统的方式，感觉时间充裕，就回到了拖拽的想法上来。终于实现了。其实我不是炫耀这个（当然，感兴趣的话，可以QQ907087894联系我，我会整理Demo上传到资源中心），我想说的是下文。就在我实现的同时，师姐帮另一个伙伴写了一个传统方案的Demo,他进行的是修改的排...

鼠标拖动实现DIV排序示例代码

2016年07月27日 5 阅读

先上效果图：对比传统的排序，这是一个很不错的尝试，希望对大家有启发。大家可以参考我的上一篇博文：http://www.jb51.net/article/42087.htm html部分：复制代码代码如下: <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <link href="css/cr...

js算法中的排序、数组去重详细概述

2016年07月27日 6 阅读

其实在js中实现数组排序，采用数组中sort方法实现还是比较简单的：一、排序简单实现数组排序复制代码代码如下:var arr = []; for（var i=0;i<20;i++）{ arr.push（Math.floor（Math.random（）*100）） } arr.sort（function（a,b）{ return a>b？1:-1; }） alert（arr）不能简单使用sort方法，默认情况下 sort方法是按ascii字...

首页 / 脚本样式 / JavaScript

appendChild（） 或 insertBefore（）使用与区别介绍

JS分页效果示例

JS验证身份证有效性示例

extjs表格文本启用选择复制功能具体实现

设置checkbox为只读（readOnly）的两种方式

5秒后跳转到另一个页面的js代码

js修改input的type属性问题探讨

JavaScript对象学习经验整理

基于jquery的9行js轻松实现tab控件示例

原生js操作checkbox用document.getElementById实现

JavaScript var声明变量背后的原理示例解析

javascript动态的改变IFrame的高度实现自动伸展

JavaScript如何从listbox里同时删除多个项目

几种延迟加载JS代码的方法加快网页的访问速度

js获取或设置当前窗口url参数的小例子

javascript预加载图片、css、js的方法示例介绍

Jquery 类网页微信二维码图块滚动效果具体实现

不同Jquery版本引发的问题解决

鼠标拖动实现DIV排序示例代码

js算法中的排序、数组去重详细概述

appendChild（）或 insertBefore（）使用与区别介绍