jQuery学习7 操作JavaScript对象和集合的函数

2017年02月06日 24 阅读

删除字符串首尾空字符：$.trim（）像很多高级语言都提供了类似的函数，jQuery类库也提供了这样的函数。具体用法：$.trim（value）从已传入的字符串里删除首尾空白字符并返回结果。对属性和集合进行迭代：在JavaScript操作数组和对象可以采用下面的方法：var anArray = ["one","two","three"];for（var n = 0; n < anArray.length; n++）{...}var anObject ...

jQuery库与其他JS库冲突的解决办法

2017年02月06日 23 阅读

复制代码 代码如下: <script src="prototype.js"></script> <script src="jquery.js"></script> <script> jQuery.noConflict（）; // Use jQuery via jQuery（…） jQuery（document）.ready（function（）{ jQuery（”div”）.hide（）; }）;...

JavaScript Event事件学习第一章 Event介绍

2017年02月06日 22 阅读

没有event就没有脚本。可以看看任何有JavaScript代码的网页：几乎所有的例子都有一个事件触发了脚本。原因非常简单。JavaScript就是给你的页面添加内部活动：用户做一些事情然后页面做出回应。 因此JavaScript就需要一个方法能够检测到用户的动作然后才能知道什么时候做出反应。这还需要知道那个函数会被执行，函数会做一些你认为的给你的网页增色的动作。这些文字描述了如何去写这样的脚本。虽然不容易，但是这是一个很让人满足的工作。 当用户做了什么事...

JavaScript Event学习第二章 Event浏览器兼容性

2017年02月06日 24 阅读

在这里提出的事件，当他们发生在一个确定的HTML元素上的时候，他们的名字能够被大多数的浏览器所识别。也就是说，浏览器会查找你为这个HTML元素所注册的事件处理程序的脚本，而且会被立即执行。 一开始只有为数很少的一些事件。这些事件在几乎所有的JavaScript浏览器都能运行，即使是那些非常古老的。需要注意的是那些早期的事件只能工作在链接或者表单上，有时候也能运行在整个窗口上，但是其他的大多数HTML元素不行。 时代变迁，很多新的事件也给大家介绍过了。第四代...

JavaScript Event学习第三章 早期的事件处理程序

2017年02月06日 25 阅读

这些古老的浏览器只支持一种注册事件处理程序的方法，这个方法是Netscape发明的。因为Netscape先发制人，所以如果微软也想做支持JavaScript事件的浏览器就得跟着Netscape走，所以这里没有兼容性的问题。所以这种模式在任何支持JavaScript的浏览器都能运行---除了Mac上的IE3，他根本就不支持事件。 注册事件处理程序 在内联式的事件注册模型中，事件处理程序就像是一个HTML元素的属性，比如： <A HREF="somewh...

JavaScript Event学习第四章 传统的事件注册模型

2017年02月06日 25 阅读

在最古老的JavaScript浏览器里注册事件只能通过内联模式。自从DHTML从根本上改变了你操作页面的方法，事件的注册就必须有扩展性而且要有很强的适应性。所以就必须有相应的事件模型。Netscape在第三代浏览器中就开始了，IE在第四代浏览器开始。 因为Netscape 3就开始支持这种新的事件注册模型，在浏览器战争前就是事实上的标准。所以微软不得不也是最后一次为了网上那些数不清的使用了Netscape事件处理模型的页面在兼容性上做出了让步。 所以这两个...

JavaScript Event学习第五章 高级事件注册模型

2017年02月06日 24 阅读

W3C和微软都着力于发展自己的事件注册模型来取代Netscape的传统模型。虽然对于微软的模型我不是很感冒，但是w3c的还是不错的，除了这个鼠标定位 的问题。不过现在只有小部分浏览器支持。 W3C W3C的DOM层面事件规范注意到了传统模式的问题。他对于你想在一个元素上绑定多个事件提供了一个很好的解决办法。 W3C事件注册模型的关键就是addEventListener（）。你给他三个参数：事件类型，要执行的函数和一个布尔值（true或者false）我一会再...

JavaScript Event学习第六章 事件的访问

2017年02月06日 23 阅读

现在我们已经注册了事件处理程序，对于事件我们还想更深入的了解。我们想知道事件发生时候的鼠标位置，我们想知道用户按下了哪些键。这些都是可能的，虽然这部分有很多烦人的浏览器兼容性问题。（这里可以快速查看浏览器兼容性列表）。 要读出事件的属性，必须要先能访问到事件。 浏览器兼容性 站在浏览器战争的角度看，Netscape实现了一个访问模型（后来被W3C做借鉴）和很多的事件属性，同时微软也做了同样的事情。当然这两种模型是完全不兼容的。但是就像我们再简介里面说的，如...

JavaScript Event学习第七章 事件属性

2017年02月06日 25 阅读

当我们想去读一读关于Event的一些资料时，常常会湮没在大量的属性里面，这些属性其中的大多数不能良好的运行在大多数的浏览器。这里有event的兼容性列表。 我不打算给这些属性列个表，因为那些情况实在是太让人晕头了，而且对你的学习也不会有一点点的帮助。在写5段代码前我先要问关于浏览器的5个问题。 1、event的类型（type）是什么？ 2、哪一个HTML元素是event的目标呢？ 3、哪些键在event发生时被按下了？ 4、哪个鼠标键在Event发生时被按...

JavaScript Event学习第八章 事件的顺序

2017年02月06日 25 阅读

基本问题很简单。假设你的一个元素包含在另外一个元素中。 复制代码 代码如下: ----------------------------------- | element1 | | ------------------------- | | |element2 | | | ------------------------- | ----------------------------------- 这两个元素都有onclick事件处理程序。如果用户在ele...

js png图片（有含有透明）在IE6中为什么不透明了

2017年02月06日 23 阅读

复制代码 代码如下:function correctPNG（） // correctly handle PNG transparency in Win IE 5.5 & 6. { var arVersion = navigator.appVersion.split（"MSIE"） var version = parseFloat（arVersion[1]） if （（version >= 5.5） && （document.body.filters）...

JavaScript 读取元素的CSS信息的代码

2017年02月06日 21 阅读

比如为某个HTML元素级联了一组样式信息，其中width属性的值为80px。然后调用脚本读取这个值，得到的结果总是一个空字符串，而事实上我想得到"80px"。针对这种情况，David Flanagan在《JavaScript 权威指南》（第五版）一书中给出了解决方案。以下是针对JavaScript: The Definitive Guide, 5th Edition Chapter16 Section4的翻译 脚本计算的样式 HTML元素的style属性相...

基于mootools的圆角边框扩展代码

2017年02月06日 23 阅读

JQuery下面有个扩展是用纯JS生成的圆角，不过和DIV+CSS拼出来是一样的道理，圆角看上去都比较粗糙。 用背景图片要好看得多，问题是不能拉伸，最简单做法就是用四个角小图片加边框拼出来。不过这样多出N多图片，一堆乱七八糟的代码，相当不爽。 有一个很有技巧的方法，用一张大图片+CSS来做，原理如下。 用一张大的背景图片做圆角，用CSS分别取四个角和边再拼成一个DIV。这样不仅可以解决圆角，还可以生成其它特殊的边框（比如阴影）。 但是每次使用都要加CSS也...

为调试JavaScript添加输出窗口的代码

2017年02月06日 26 阅读

虽然不是很复杂的实现，但每次都要这样就会很麻烦，所以我写了一小段脚本，用来自动生成这个输出窗口。 代码 复制代码 代码如下: window.Babu = {}; Babu.Debugging = {}; Babu.Debugging.writeLine = function（format, arg1, arg2） { var console = Babu.Debugging._getConsole（）; if （console.get_visible（））...

Js 中debug方式

2017年02月06日 24 阅读

以前在VS2005中以为要断点debug js 要 用 debug模式并且在相应的js中设置断点 才可以debug，今天学了一招，可以在要调试的js前加一句js命令debugger; 这样就可以了。。。。 ...

一些mootools的学习资源

2017年02月06日 24 阅读

http://www.clientcide.com/一个mootools plugins的网站，有自己的库提供下载http://cssrainbow.cn/index.php/mootools/665.htmlmootools完美解析http://www.consideropen.com/blog/2008/08/30-days-of-mootools-12-tutorials-day-1-intro-to-the-library/mootools30天教...

JavaScript 精粹读书笔记（1,2）

2017年02月06日 27 阅读

第1章 精华 JavaScript的特性中有一部分特性带来的麻烦远远超出它们的价值。其中，一些特性是因为规范很不完善，从而可能导致可移植性的问题；一些特性会导致生成难以理解和修改的代码；一些特性促使我的代码风格过于复杂且易于出错；还有一些特性就是设计错误。有时候语言的设计者也会犯错。 大多数编程语言都有精华部分和鸡肋部分。我发现如果只使用精华部分而避免使用鸡肋的部分，我可以成为一个更好的程序员。毕竟，用糟糕的部件怎么可能构建出好东西呢？ 标准委员会想要移除...

CutePsWheel javascript libary 控制输入文本框为可使用滚轮控制的js库

2017年02月06日 24 阅读

简介 实现类似于Photoshop控制面板输入文本数字的效果，所以名称叫做PsWheel。用于控制输入数字类型文本框实现鼠标滚轮上下滑动改变值，支持正整数、小数类型输入文本。 兼容IE/Firefox/Opera/Safari/Chrom 可定义滚动变化间隔值，支持整数、浮点数 双击恢复初始值 仅3.92K，压缩后2.67K 代码 复制代码 代码如下: /* * cutePsWheel JS * Description:A js liabary which...

数组Array进行原型prototype扩展后带来的for in遍历问题

2017年02月06日 23 阅读

通常在JavaScript中用for与for in遍历数组结果是没有什么区别的，它的循环变量i都是从0开始的数组索引（for in如果遍历的是非数组对象的属性集合，则这个i就是属性名，或称之为key）。另外要注意一点是：用for in遍历数组，循环变量i是字符串类型的。如果对Array进行原型扩展后，再用for in来对数组进行遍历时就要注意些问题了。 测试代码： 复制代码 代码如下: Array.prototype.max = function（） { ...

javascript 鼠标拖动图标技术

2017年02月06日 22 阅读

这个例子简单讲就是鼠标拖动图标到它任意想去的地方 代码 复制代码 代码如下: <body> <div id="block" style="width:100px; height:100px; position:relative; background-color:#FF0000";></div> <script> var bb = document.getElementById（"block"）; bb.on...