Prototype 学习 工具函数学习（$A方法）

2017年02月06日 27 阅读

$A方法: Accepts an array-like collection （anything with numeric indices） and returns its equivalent as an actual Array object. This method is a convenience alias of Array.from, but is the preferred way of casting to an Array. 复制代码 代...

Prototype 学习 工具函数学习（$w,$F方法）

2017年02月06日 29 阅读

$w方法 Splits a string into an Array, treating all whitespace as delimiters. Equivalent to Ruby"s %w{foo bar} or Perl"s qw（foo bar）.复制代码 代码如下:function $w（string） { if （！Object.isString（string）） return []; string = string.strip（）; re...

Prototype Object对象 学习

2017年02月06日 31 阅读

Object is used by Prototype as a namespace; that is, it just keeps a few new methods together, which are intended for namespaced access （i.e. starting with “Object.”）. 上面说的namespace个人理解就相当于C#中的静态类，提供工具函数的意思，和C#中的namespace应该不是一个概念。...

Prototype Function对象 学习

2017年02月06日 29 阅读

这个对象就是对function的一些扩充，最重要的当属bind方法，prototype的帮助文档上特意说了一句话：Prototype takes issue with only one aspect of functions: binding.其中wrap方法也很重要，在类继承机制里面就是利用wrap方法来调用父类的同名方法。argumentNames bind bindAsEventListener curry defer delay methodize...

Prototype Date对象 学习

2017年02月06日 29 阅读

看一下源码： 复制代码 代码如下: Date.prototype.toJSON = function（） { return """ + this.getUTCFullYear（） + "-" + （this.getUTCMonth（） + 1）.toPaddedString（2） + "-" + this.getUTCDate（）.toPaddedString（2） + "T" + this.getUTCHours（）.toPaddedString（2） ...

javascript 表格左右收缩

2017年02月06日 31 阅读

左右收缩表格 function tableOnLoad（） { var tableObj=document.getElementById（"testTable"）; var colNumber=tableObj.rows.item（0）.cells.length; var colObjs=tableObj.getElementsByTagName（"td"）; if（colNumber>5） { for（var i=5;i5）{ for（va...

JavaScript 事件对象的实现

2017年02月06日 27 阅读

比如，我们定义了一个Classroom对象，这里我们定一个事件，当教室里的人增加超60人时就触发一个事件onFull;具体定义如下： 复制代码 代码如下:var Classroom=function（） { this.numberOfPeople=0; this.onFull=null; this.peopleEnter=function（number） { this.numberOfPeople+=number; if（this.numberOfPeop...

JavaScript 事件查询综合

2017年02月06日 29 阅读

click（） 对象.click（） 使对象被点击。 closed 对象.closed 对象窗口是否已关闭true/false clearTimeout（对象） 清除已设置的setTimeout对象 clearInterval（对象） 清除已设置的setInterval对象 confirm（"提示信息"） 弹出确认框，确定返回true取消返回false cursor:样式 更改鼠标样式 hand crosshair text wait help defau...

jqurey 学习笔记 传智博客佟老师附详细注释

2017年02月06日 30 阅读

1 、写 js 的时候用 aptana （ IDE ），有 jquery 的代码提示。 把 code assist 里面的 jqurey1.3 选上就可以了。 2 、为一个元素增加事件的时候不要在 html 里加，在 js 中加。 不要写 <input type=”button” onclick=”xxx” id=”id”> 要写成： document.getElementById（“id”）.onclick = function（）{} 3 ...

javascript dom 操作详解 js加强

2017年02月06日 29 阅读

1 、文档里的每个节点都有属性 nodeName 、 nodeValue 、 nodeType nodeName 文本节点的的节点名是 #text , nodeName 是只读属性 nodeValue 1 元素节点 2 属性节点 3 文本节点 只读属性 nodeType 不能用于元素节点 返回 null 2 、 getElementsByTagName 返回一个节点集合 3 、 firstChild 、 lastChild 第一个元素节点，最后一个元素节点...

JavaScript 继承详解（一）

2017年02月06日 29 阅读

面向对象与基于对象几乎每个开发人员都有面向对象语言（比如C++、C#、Java）的开发经验。 在传统面向对象的语言中，有两个非常重要的概念 - 类和实例。 类定义了一类事物公共的行为和方法；而实例则是类的一个具体实现。 我们还知道，面向对象编程有三个重要的概念 - 封装、继承和多态。 但是在JavaScript的世界中，所有的这一切特性似乎都不存在。 因为JavaScript本身不是面向对象的语言，而是基于对象的语言。 这里面就有一些有趣的特性，比如Jav...

JavaScript 继承详解（二）

2017年02月06日 29 阅读

thisthis表示当前对象，如果在全局作用范围内使用this，则指代当前页面对象window； 如果在函数中使用this，则this指代什么是根据运行时此函数在什么对象上被调用。 我们还可以使用apply和call两个全局方法来改变函数中this的具体指向。 先看一个在全局作用范围内使用this的例子： <script type="text/javascript"> console.log（this === window）; // true ...

JavaScript 继承详解（三）

2017年02月06日 29 阅读

注：本章中的jClass的实现参考了Simple JavaScript Inheritance的做法。首先让我们来回顾一下第一章中介绍的例子： function Person（name） {this.name = name;}Person.prototype = {getName: function（） {return this.name;}}function Employee（name, employeeID） {this.name = name;th...

JavaScript 继承详解（四）

2017年02月06日 29 阅读

Classical Inheritance in JavaScript。 Crockford是JavaScript开发社区最知名的权威，是JSON、JSLint、JSMin和ADSafe之父，是《JavaScript: The Good Parts》的作者。 现在是Yahoo的资深JavaScript架构师，参与YUI的设计开发。 这里有一篇文章详细介绍了Crockford的生平和著作。 当然Crockford也是我等小辈崇拜的对象。调用方式 首先让我们看...

兼容IE/Firefox/Opera/Safari的检测页面装载完毕的脚本Ext.onReady的实现

2017年02月06日 28 阅读

复制代码 代码如下:<script type="text/javascript"><！-- function GOOGLEResize（）{ alert（1）; } var ua=navigator.userAgent.toLowerCase（）; var isStrict=document.compatMode=="CSS1Compat", isOpera=ua.indexOf（"opera"）>-1, isSafari=（/we...

JS 动态添加列表框项效果代码

2017年02月06日 30 阅读

*请选择1-3个知识点. 1213123123 2123123123 3213123213 4123213213 5213123213 6213123213 var addTo = document.getElementById（"addto"）; var moveBack = document.getElementById（"moveback"）; var selectLeft = document.getElementBy...

js 实现无缝滚动 兼容IE和FF

2017年02月06日 33 阅读

原理解析： 1、首先给容器设定高度或宽度，比如ul，设置ul高40px;overflow:hidden； 2、容器高度设定后，内容的高度超出40px，超过部分溢出，被隐藏，scrollTop属性可用，这一点可以用overflow:scroll来看效果； 3、改变容器的scrollTop（上下滚动）属性的值，让内容上下移动一个节点的位置（滚动的原理）； 4、到滚动的高度scrollTop大于或等于要滚动节点的高度时，设置scrollTop=0，并把把子节点树...

js 对象是否存在判断

2017年02月06日 29 阅读

复制代码 代码如下:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>javascript object</title> <body> <input id="aaa"> <input type=button onclick="check（"...

Javascript 事件流和事件绑定

2017年02月06日 29 阅读

事件流浏览器中的事件流意味着页面上可有不仅一个，甚至多个元素响应同一个事件。而这一个或多个元素响应事件发生的先后顺序在各个浏览器（主要针对IE和Netscape）上是不同的。冒泡型事件（Dubbed Bubbling）IE上的解决方案就是冒泡型事件（Dubbed Bubbling）。冒泡型事件的基本思想是，事件按照从最特定的事件目标到最不特定的事件目标（document对象）的顺序触发。示例（1）：点击我触发冒泡型事件流示例（1）的XHTML代码结构：&l...

优化 JavaScript 代码的方法小结

2017年02月06日 25 阅读

优化 JavaScript 代码 作者: Gregory Baker, GMail 软件工程师 和 Erik Arvidsson, Google Chrome 软件工程师 需要的经验: JavaScript 相关工作知识 客户端脚本能让你的应用更加地动态和活跃, 但是浏览器对代码的解析可能造成效率问题, 而这种性能差异在客户端之间也不尽相同. 这里我们讨论和给出一些优化你的 JavaScript 代码的提示和最佳实践. 使用字符串 字符串连接操作会对 In...