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

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

2017年02月06日 23 阅读

一、判断语法 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脚本特性

2017年02月06日 22 阅读

一、容易被忽略的局部变量复制代码代码如下: 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

2017年02月06日 19 阅读

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

Webkit的跨域安全问题说明

2017年02月06日 23 阅读

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

Javascript学习笔记 delete运算符

2017年02月06日 23 阅读

一、语法 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字符串函数扩展代码

2017年02月06日 20 阅读

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

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

2017年02月06日 22 阅读

情景一，元素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）说明

2017年02月06日 24 阅读

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

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

2017年02月06日 22 阅读

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

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

2017年02月06日 22 阅读

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

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

2017年02月06日 20 阅读

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

动态创建样式表在各浏览器中的差异测试代码

2017年02月06日 22 阅读

复制代码代码如下: <！doctype html> <head></head> <body> <span id="con">xxx</span> <script> var css = document.createElement（"style"）; css.setAttribute（"type", "text/css"）; var cssText = "span{colo...

document.getElementById介绍

2017年02月06日 23 阅读

把你的大脑当做浏览器执行下面的代码两次，分别是IE6和IE9：复制代码代码如下: function testFunc（）{ alert（"test"） } $（function（）{ var g = document.getElementById , w = window.testFunc ; //g alert（typeof（g））; alert（String（g））; alert（g instanceof Object）; alert（g inst...

用JQuery模仿淘宝的图片放大镜显示效果

2017年02月06日 22 阅读

如图今天我做的是利用JQuery模拟这个效果源码如下复制代码代码如下: <head> <script type="text/javascript" src="Js/jquery-1.4.1.js"></script> <script type="text/javascript"> //假设data是从数据库取到的数据 var data = {"images/1_small.jpg":["images...

javascript 闭包

2017年02月06日 23 阅读

对于初学者来说，理解Javascript闭包（closure）还是比较困难的，而撰写此文的目的就是用最通俗的文字揭开Javascript闭包的真实面目，让初学者理解起来更加容易一些。一、什么是闭包？ “官方”的解释是：闭包是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。相信很少有人能直接看懂这句话，因为他描述的太学术。其实这句话通俗的来说就是：JavaScript中所有的function都是一个闭包...

javascript的闭包介绍（司徒正美）

2017年02月06日 21 阅读

闭包的定义非常晦涩——闭包，是指语法域位于某个特定的区域，具有持续参照（读写）位于该区域内自身范围之外的执行域上的非持久型变量值能力的段落。这些外部执行域的非持久型变量神奇地保留它们在闭包最初定义（或创建）时的值（深连结）。简单来说，闭包就是在另一个作用域中保存了一份它从上一级函数或作用域取得的变量（键值对），而这些键值对是不会随上一级函数的执行完成而销毁。周爱民说得更清楚，闭包就是“属性表”，闭包就是一个数据块，闭包就是一个存放着“Name=Value”...

js substr、substring和slice使用说明小记

2017年02月06日 24 阅读

关于substr、substring和slice方法区别的文章，网上搜到了许多，文章内容也基本一致。而后，我将其中一篇文章中的代码挪到本地进行了测试，发现测试结果和原文中的有些出入。我更相信自己亲自验证过后的代码，随后小记下来，供以后查阅。 substr 复制代码代码如下: document.write（"|" + str.substr（0,5） + "|" + "<br />"）; document.write（"|" + str.sub...

jquer之ajaxQueue简单实现代码

2017年02月06日 21 阅读

没什么复杂的东西，就是用个array对象来做队列，维护ajax请求的顺序。下面给出代码：复制代码代码如下: ;（function（$） { $.ajaxQueue = { // 管理ajax请求的队列 requests: new Array（）, // 把待发送的ajax请求加入队列 offer: function（options） { var _self = this, // 对complete，beforeSend方法进行“劫持”，加入队列处理方法...

asp.net 30分钟掌握无刷新 Repeater

2017年02月06日 21 阅读

示例代码下载: /201109/yuanma/JQueryElementTest.rar本文中所包含的内容如下: * 准备 * 主要功能 * 绑定字段 * 绑定属性 * 基本设置 * 设置分页 * 设置字段 * 设置调用的服务端方法 * 请求/返回数据的格式 * 填充/搜索 * 更新 * 删除 * 新建 * 行状态说明 * 排序状态说明 * 设置模板 * ItemTemplate * UpdatedItemTemplate/InsertedItemTemp...

ExtJs Excel导出并下载IIS服务器端遇到的问题

2017年02月06日 22 阅读

项目是Extjs的主要针对于Extjs GridPanel数据导出这块先做一下说明。我们可以通过Ext.getcmp（）方法获取到GridPanel对象并通过重写的方法获取Excel字符串具体方法可以百度到。这个应该也不是什么大问题。复制代码代码如下: //输出报表 function ExportReport（title） { var vExportContent = Ext.getCmp（"gridPanel"）.getExcelXml（null,...

首页 / 脚本样式 / JavaScript

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节点间的关系

动态创建样式表在各浏览器中的差异测试代码

document.getElementById介绍

用JQuery模仿淘宝的图片放大镜显示效果

javascript 闭包

javascript的闭包介绍（司徒正美）

js substr、substring和slice使用说明小记

jquer之ajaxQueue简单实现代码

asp.net 30分钟掌握无刷新 Repeater

ExtJs Excel导出并下载IIS服务器端遇到的问题

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

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