-
onresize IE中多次执行问题
所属栏目：[模式] 日期：2018-09-12 热度：111
页面上给window对象定义其onresize事件，在拉伸缩小窗口时，其onresize方法将被执行多次，影响页面性能。 网上查了些资料，说是在ie和opera中，只要窗口的边框移动一个像素，resize事件就触发；而在mozilla中，只在停止对窗口的大小改变时才触发resize 事件[详细]
-
译文：JavaScript框架比较（三）
所属栏目：[模式] 日期：2018-09-12 热度：176
DOM操作 在此之前，你已经看到 Java Script框架使用选择器和DOM遍历可以很容易的获得特定的元素。但是，为了改变网页上特定元素的内容和外观，你需要操作DOM并应用改变。使用纯粹的JavaScript将是一件繁重的工作，但幸运的是，大多数JavaScript框架提供有用[详细]
-
译文：JavaScript框架比较（二）
所属栏目：[模式] 日期：2018-09-12 热度：163
DOM遍历 基于ID、元素类型、类名查找元素非常有用，但是如果你想基于它在DOM树中的位置来查找元素该怎么办？换句话说，你有一个给定的元素，你想查找它的父元素、子元素中的一个、它的上一个或下一个节点兄弟节点。例如，采用下面这段零碎的HTML代码： 清单[详细]
-
译文：JavaScript框架比较（一）
所属栏目：[模式] 日期：2018-09-12 热度：130
摘要：现代网站和web应用程序趋向于依赖客户端的大量的javascript来提供丰富的交互。特别是通过不刷新页面的异步请求来返回数据或从服务器端的脚本（或数据系统）中得到响应。在这篇文章中，你将会了解到javascript框架如何更快、更方便的创建互动性强、相[详细]
-
一个简单的AJAX实现(HELLO AJAX)
所属栏目：[模式] 日期：2018-09-10 热度：124
客户端部分： html head meta http-equiv=Content-Type content=text/html/ script language=javascript var ajax; function createAjax() { if(window.ActiveXObject) { try { return new ActiveXObject(Msxm12.XMLHTTP); } catch(e) { try { return new A[详细]
-
创建固定位置弹出浮动广告的实例代码
所属栏目：[模式] 日期：2018-09-10 热度：163
很久没有写JS程序了，这两天终于有空了，把之前的一个浮动广告代码重写了一下。呵呵，还是那句话，能力有限，如有错误敬请指证和指点。演示效果 演示地址：http://www.yaohaixiao.com/ 演示的效果是弹出视频广告，不过我这个视频是一个JAVASCRIPT教程，所[详细]
-
Javascript轻松控制页面图片大小
所属栏目：[模式] 日期：2018-09-10 热度：95
今天Gonten在某CMS模板里发现一段很实用的代码，来分享一下。经常看到有些网页，因为图片太大，也没有控制图片大小，导致页面错位，或者部分图片看不到。下面的这段代码将会解决这个问题。 代码如下： script type=text/javascript function ImgSize(){ var[详细]
-
JavaScript：isPrototypeOf和hasOwnProperty
所属栏目：[模式] 日期：2018-09-10 热度：171
1、isPrototypeOf isPrototypeOf是用来判断指定对象object1是否存在于另一个对象object2的原型链中，是则返回true，否则返回false。 格式如下： object1.isPrototypeOf(object2); object1是一个对象的实例； object2是另一个将要检查其原型链的对象。 原型[详细]
-
Javascript实现网页水印(非图片水印)
所属栏目：[模式] 日期：2018-09-10 热度：177
定义 在一些B/S结构的应用系统中，有很多页面是需要有水印的。常见的就是公文系统、合同系统等。大家常常关注的是网站图片增加水印，而很少关注页面水[详细]
-
JavaScript Event学习补遗：addEventSimple
所属栏目：[模式] 日期：2018-09-10 热度：130
这里有个addEventSimple和removeEventSimple函数，有时候需要不那么显眼的事件处理程序的时候我就用这两个函数注册。 function addEventSimple(obj,evt,fn) { if (obj.addEventListener) obj.addEventListener(evt,fn,false); else if (obj.attachEvent) o[详细]
-
JavaScript Event学习第十一章：按键的检测
所属栏目：[模式] 日期：2018-09-10 热度：205
检测用户的按键是事件处理程序的一个很特别的环节。这一章我们着力解决一些非常棘手的问题，并且制定一个完备的表格。 第一个问题是对于按键事件来说根本就没有标准，按照规范说的：包含键盘等输入设备的事件模型会在以后的DOM规范中作出解释。 正如我们了[详细]
-
JavaScript Event学习第十章：一些可替换的事件对
所属栏目：[模式] 日期：2018-09-10 热度：167
为了让我们的JavaScript驱动的页面对那些不能或者不想使用鼠标的用户也能很好的使用，我们对于像mouseover和click这样的事件做一些处理，同样的，对于非鼠标事件也同样的要我们的脚本执行。 测试的局限性 这一章我们打算寻找哪些事件可以用来仿真鼠标事件。[详细]
-
JavaScript Event学习第九章：鼠标事件
所属栏目：[模式] 日期：2018-09-10 热度：203
鼠标事件是到目前为止最重要的事件。在这一章我将介绍一些鼠标事件的最常见的问题和技巧。 先看看都有哪些鼠标事件：mousedown,mouseup_and_click,dblclick,mousemove和mouseover mouseout。然后还会解释一下relatedTarget,fromElement和toElement这些事件[详细]
-
JavaScript Event学习第八章：事件的顺序
所属栏目：[模式] 日期：2018-09-10 热度：120
在第一章中我提到一个初次看起来可能不是那么好理解的是一个问题：如果一个元素和他的父元素对于同样的事件都有事件处理程序，那么哪个会首先执行呢？毫无疑问，看是什么浏览器。 基本问题很简单。假设你的一个元素包含在另外一个元素中。 ----------------[详细]
-
从一道js笔试题到==运算符的简析
所属栏目：[模式] 日期：2018-09-06 热度：155
在cssrain整理的一个 试题集 中有这么一道题： SCRIPT LANGUAGE= Java Script var a = 0; var b = -1; var c = 1; function assert (aVar) { if (aVar==true) alert(true); else alert(false); } assert(a) ; assert(b) ; assert(c) ; /SCRIPT 运行代码框[详细]
-
AJAX中文乱码的两类问题及解决之策
所属栏目：[模式] 日期：2018-09-06 热度：54
1）发送路径中的参数有中文，在服务器段接收参数值是乱码 例如： var url=a.jsp?name=小李； xmlHTTP.open (post,url,true); 解决办法： 利用javascript的提供的escape()或encodeURI()方法 例如： 客户端: var url=a.jsp?name=小李； url=encodeURI(url); u[详细]
-
使用YUI3 IO组件实现ajax
所属栏目：[模式] 日期：2018-09-06 热度：112
注意：如下写法不能实现ajax跨域，连子域跨域都不行。 /* *div id=show_info/div *input type=button id=requestButton value=Send a POST Request */ YUI().use(io, function(Y){ var show_info = Y.one('#show_info'); var handleSuccess = function(ioId[详细]
-
JavaScript Event学习第六章：事件的访问
所属栏目：[模式] 日期：2018-08-29 热度：154
在这一章我会讲解如何去访问一个事件对象。 现在我们已经注册了事件处理程序，对于事件我们还想更深入的了解。我们想知道事件发生时候的鼠标位置，我们想知道用户按下了哪些键。这些都是可能的，虽然这部分有很多烦人的浏览器兼容性问题。（这里可以快速查[详细]
-
JavaScript Event学习第五章：高级事件注册模型
所属栏目：[模式] 日期：2018-08-29 热度：180
在这一章我会讲解两种高级时间注册模型：W3C和微软的。因为这两个方法都不能跨浏览器，所以在现在看来他们的使用场合并不多。 W3C和微软都着力于发展自己的事件注册模型来取代Netscape的传统模型。虽然对于微软的模型我不是很感冒，但是w3c的还是不错的，除[详细]
-
JavaScript Event学习第四章：传统的事件注册模型
所属栏目：[模式] 日期：2018-08-29 热度：190
在这一章我会讲解给元素注册事件的最好的一种办法，那就是：确保一个特定的事件在特定的HTML元素上发生并且能运行特定的脚本。 在最古老的 Java Script浏览器里注册事件只能通过内联模式。自从DHTML从根本上改变了你操作页面的方法，事件的注册就必须有扩展[详细]
-
JavaScript Event学习第三章：早期的事件处理程序
所属栏目：[模式] 日期：2018-08-29 热度：114
在这一章我会谈到一些最古老的添加事件处理程序的方法，这些方法甚至被第二代浏览器所支持。 这些古老的浏览器只支持一种注册事件处理程序的方法，这个方法是Netscape发明的。因为Netscape先发制人，所以如果微软也想做支持 Java Script事件的浏览器就得跟[详细]
-
JavaScript Event学习第二章：Event
所属栏目：[模式] 日期：2018-08-29 热度：67
在这一章我将对重要的事件做一个概述，包括一些流行的浏览器的兼容性问题。 在这里提出的事件，当他们发生在一个确定的HTML元素上的时候，他们的名字能够被大多数的浏览器所识别。也就是说，浏览器会查找你为这个HTML元素所注册的事件处理程序的脚本，而且[详细]
-
JavaScript Event学习第一章：Event介绍
所属栏目：[模式] 日期：2018-08-29 热度：61
Events是每一个 Java Script程序核心。什么是事件处理，它有什么问题和怎样写出跨浏览器的代码，我将在这一章做一个概述。我也会提供一些有精彩的关于事件处理程序的细节的文章。 没有event就没有脚本。可以看看任何有JavaScript代码的网页：几乎所有的例[详细]
-
JavaScript读取元素的CSS信息
所属栏目：[模式] 日期：2018-08-29 热度：190
在前端开发的工作中，总是会涉及到一些 Java Script和CSS信息交互的内容。比如为某个HTML元素级联了一组样式信息，其中width属性的值为80px。然后调用脚本读取这个值，得到的结果总是一个空字符串，而事实上我想得到80px。针对这种情况，David Flanagan在[详细]
-
JavaScript函数获取鼠标坐标的代码
所属栏目：[模式] 日期：2018-08-29 热度：148
下午想做个鼠标跟随的JS脚本，发现浏览器兼容问题还真是烦人，还有滚动条位置的问题。 还好网上什么都有，上网找了一个浏览器兼容性最佳的函数，经测试兼容IE、FireFox、 Chrome ，并且不会有滚动条误差问题，存档下，以备后用 :) Copy to Clipboard 引用[详细]
