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

jQuery的.live（）和.die（）使用介绍

2016年07月27日 5 阅读

什么是 .live（） .live方法类似于.bind（），除此之外，它允许你将事件绑定到DOM元素上，可以将事件绑定到DOM中还不存在的元素上，看看下面的例子：比方说当用户在点击链接时及想提示他们正在离开站点。复制代码代码如下: $（document）.ready（ function（） { $（"a"）.click（ function（） { alert（"You are now leaving this site"）; return true;...

腾讯UED 漂亮的提示信息效果代码

2016年07月27日 5 阅读

CSS样式：复制代码代码如下: .zeng_msgbox_layer, .zeng_msgbox_layer .gtl_ico_succ, .zeng_msgbox_layer .gtl_ico_fail, .zeng_msgbox_layer .gtl_ico_hits, .zeng_msgbox_layer .gtl_ico_clear, .zeng_msgbox_layer .gtl_end{display:inline-block;height...

由JavaScript中call（）方法引发的对面向对象继承机制call的思考

2016年07月27日 5 阅读

起因：今天在阅读snandy大神的读jQuery之五（取DOM元素）时，看到有讲到toArray（）方法，具体jQuery代码如下：复制代码代码如下: toArray: function（） { return slice.call（ this, 0 ）; }, get: function（ num ） { return num == null ？ // Return a "clean" array this.toArray（） : // Retu...

js Event对象的5种坐标

2016年07月27日 5 阅读

但是你懂的，浏览器实在太不和谐了，兼容性且不说，各种坐标属性看得人头昏眼花，极容易混淆。好吧，我来总结一下：测试浏览器：IE8, Chrome13, FF8, Safari5, Opera11 先上测试用例（用HTML5的doctype测试，也可看出未来的发展趋势，其他doctype可自行测试）：复制代码代码如下: <！DOCTYPE html> <html> <head> <meta http-equiv=...

JQuery与JSon实现的无刷新分页代码

2016年07月27日 5 阅读

如图而无刷新分页可以解决这个问题，上面播放着视频，下面我点下一页看着评论，现在大部分的网站都是无刷新分页。源码如下（我是采用一页显示10条记录）：需要四个文件一个实体类文件 CategoryInfoModel.cs 一个SqlHelper SQLHelper.cs 一个AJAX服务端处理程序 PagedService.ashx 一个客户端调用页面 WSXFY.htm CategoryInfoModel.cs和SQLHelper.cs我就不写了，都知...

TextArea不支持maxlength的解决办法（jquery）

2016年07月27日 7 阅读

用.net 控件久了，在给一个页面的TextBox 增加控制长度的控制时，简单的加了一个maxlength="xxx" 就行，可是测试确总是不过，原因是设置了多行模式，在这样的情况下生成的html代码就是textarea,同时maxlength属性就没有被增加上，因为IE不支持textarea 的 maxlength属性，于是，在firefox 6中测试，发现firefox是支持这个属性的。那么就简单了。自己写了一个jquery的扩展，这样就可以很容易实现...

使用Json比用string返回数据更友好，也更面向对象一些

2016年07月27日 6 阅读

以前的程序：复制代码代码如下: ViewData["msg"] = "{result:true,FileName:"" + new FileInfo（Request.Files[0].FileName）.Name + "",FileUrl:"" + fileurl.Replace（""", ""） + ""}"; 重构之后的程序：复制代码代码如下: JsonResult j = Json（new { Result = true, FileName...

ie下动态加态js文件的方法

2016年07月27日 5 阅读

这里只讨论支持并行下载的浏览情况，大致分为两种，一种是按加向DOM树中加的顺序执行，另一种按下载完成的先后顺序执行；这样如果js文件间有依赖关系的话，且是按下载顺序执行，且在没有缓存的情况下就会报错（通常的情况下第一次执行会报错，http返回状态200，如果缓存未禁用，http状态是304，就不会报错了）而ie就是按http下载完成的先后顺序执行js代码的，首先看下面的代码：复制代码代码如下: <！DOCTYPE html PUBLIC "-/...

使用原生javascript创建通用表单验证——更锋利的使用dom对象

2016年07月27日 7 阅读

首先看下效果，没什么特别，呵呵！调用的代码呢，则是相当简单，不需要创建其他的Label或者span标签，脚本将自动生成：复制代码代码如下: <input type="text" id="txt1" onkeyup="checkResult（this.value == "", "txt1", " *这里不能为空喔！"）" /> 接下来我们看下这个checkResult这个函数，checkCondition参数表示判断条件，当条件为true时...

Javascript学习笔记-详解in运算符

2016年07月27日 5 阅读

一、判断语法 prop in objectName 如果objectName指向的对象中含有prop这个属性或者键值，in运算符会返回true。复制代码代码如下: var arr = ["one","two","three","four"]; arr.five = "5"; 0 in arr;//true "one" in arr; //false,只可判断数组的键值 "five" in arr;//true,"five"是arr对象的属性 "len...

容易被忽略的JS脚本特性

2016年07月27日 5 阅读

一、容易被忽略的局部变量复制代码代码如下: var a = 5; （function（）{ alert（a）; var a = a ++; alert（a）; }）（） alert（a）; 思考这段代码的执行结果。执行后，看看是否和你想象的一致？ ok，这段代码里核心的知识点是 var a = a++，其中两个变量 a 都是匿名函数内部的局部变量，是同一个，和全局变量 a 是不一样的。为什么？我们来看看ECMA规范对变量声明语句的定义：复制代码...

Array, Array Constructor, for in loop, typeof, instanceOf

2016年07月27日 6 阅读

注意: JavaScript 中数组不是关联数组。 JavaScript 中只有对象来管理键值的对应关系。但是关联数组是保持顺序的，而对象不是。由于 for in 循环会枚举原型链上的所有属性，唯一过滤这些属性的方式是使用 `hasOwnProperty` 函数，因此会比普通的 for 循环慢上好多倍。遍历（Iteration）为了达到遍历数组的最佳性能，推荐使用经典的 for 循环。复制代码代码如下: var list = [1, 2, 3...

Webkit的跨域安全问题说明

2016年07月27日 5 阅读

这里有个简单的测试页面：IE、火狐弹出"hello world"，而chrome,safari,opera毫无反应。以下是小段测试代码（刻意修改domain，让父页面和子页面为不同域页面）： 1.父页面代码：复制代码代码如下: <script> document.domain = "nunumick.me"; function doTest（）{ alert（"hello world"）; } </script> <if...

Javascript学习笔记 delete运算符

2016年07月27日 5 阅读

一、语法 delete后面的表达式必须给出一个属性的引用，比如 var o = {a:1}; delete o.a; //此处o.a是对象o的属性a的引用只有在with语句里才能使用单独的属性名复制代码代码如下: with（o）{ delete a; } 二、delete的返回值 delete是普通运算符，会返回true或false。规则为：当被delete的对象的属性存在并且不能被删除时返回false，否则返回true。这里的一个特点就是，对...

JS字符串函数扩展代码

2016年07月27日 5 阅读

复制代码代码如下: /**************************************************** *CreateBy:joe zhou *CreateDate:2011-9-4 *Description:字符串辅助函数 ****************************************************/ //String.prototype = { // caption: function （） { /...

各情景下元素宽高的获取实现代码

2016年07月27日 6 阅读

情景一，元素style属性设置了width/height 复制代码代码如下: <div style="width:100px;">test<div> <script> var div = document.getElementsByTagName（"div"）[0]; alert（div.style.width）; </script> 如上，使用el.style.width即可。如果没有在style属性中...

关于元素的尺寸（dimensions）说明

2016年07月27日 5 阅读

在以往我都是对这些属性死记硬背，很少真正理解过，忘记了就查手册。看完本文我相信这种情况就不会再发生了。元素占据的物理空间的尺寸如果你需要获得元素占据的物理空间，那么使用offsetHeight和offsetWidth。自然而然此物理空间必然包含的有：padding、滚动条、border。这两个属性与getBoundingClientRect（）的height和width属性是一致的。为了帮助理解请看下图：元素内容的可视区域的尺寸可视区域包含pad...

从jQuery.camelCase（）学习string.replace（）函数学习

2016年07月27日 6 阅读

功能 camelCase函数的功能就是将形如background-color转化为驼峰表示法：backgroundColor。此函数在jQuery的data函数，以及涉及到css的诸多函数中都有用到。 jQuery的实现复制代码代码如下: //正则匹配 rdashAlpha = /-（[a-z]）/ig, // camelCase替换字符串时的回调函数 fcamelCase = function（ all, letter ） { return let...

jQuery中使用了document和window哪些属性和方法小结

2016年07月27日 5 阅读

document.activeElement获取文档当前获得焦点的元素 document.head在jQuery中使用方式如下document.head || document.getElementsByTagName（ "head" ）[0] ，可见并非所有浏览器支持 document.body获得当前文档的HTMLBodyElement元素 document.compatMode获取当前文档的渲染方式。返回值：BackCompat（怪癖模式）和CSS1...

contains和compareDocumentPosition 方法来确定是否HTML节点间的关系

2016年07月27日 5 阅读

从那起，我已经对这些方法做了大量的研究，并且已经在很多场合使用他们。在很多任务中，他们被证明是非常有用的（特别关于结构的抽象 DOM 选择器）。 1、DOMElement.contains（DOMNode）这个方法起先用在 IE ，用来确定 DOM Node 是否包含在另一个 DOM Element 中。当尝试优化 CSS 选择器遍历（像：“#id1 #id2”），这个方法很有用。你可以通过 getElementById 得到元素，然后使用 .cont...

首页 / 脚本样式 / JavaScript

jQuery的.live（）和.die（） 使用介绍

腾讯UED 漂亮的提示信息效果代码

由JavaScript中call（）方法引发的对面向对象继承机制call的思考

js Event对象的5种坐标

JQuery与JSon实现的无刷新分页代码

TextArea不支持maxlength的解决办法（jquery）

使用Json比用string返回数据更友好，也更面向对象一些

ie下动态加态js文件的方法

使用原生javascript创建通用表单验证——更锋利的使用dom对象

Javascript学习笔记-详解in运算符

容易被忽略的JS脚本特性

Array, Array Constructor, for in loop, typeof, instanceOf

Webkit的跨域安全问题说明

Javascript学习笔记 delete运算符

JS字符串函数扩展代码

各情景下元素宽高的获取实现代码

关于元素的尺寸（dimensions） 说明

从jQuery.camelCase（）学习string.replace（） 函数学习

jQuery中使用了document和window哪些属性和方法小结

contains和compareDocumentPosition 方法来确定是否HTML节点间的关系

jQuery的.live（）和.die（）使用介绍

关于元素的尺寸（dimensions）说明

从jQuery.camelCase（）学习string.replace（）函数学习