-
JavaScript Event学习第九章:鼠标事件
所属栏目:[模式] 日期:2018-09-13 热度:134
鼠标事件是到目前为止最重要的事件。在这一章我将介绍一些鼠标事件的最常见的问题和技巧。 先看看都有哪些鼠标事件:mousedown,mouseup_and_click,dblclick,mousemove和mouseover mouseout。然后还会解释一下relatedTarget,fromElement和toElement这些事件[详细]
-
JavaScript Event学习第八章:事件的顺序
所属栏目:[模式] 日期:2018-09-12 热度:181
在第一章中我提到一个初次看起来可能不是那么好理解的是一个问题:如果一个元素和他的父元素对于同样的事件都有事件处理程序,那么哪个会首先执行呢?毫无疑问,看是什么浏览器。 基本问题很简单。假设你的一个元素包含在另外一个元素中。 ----------------[详细]
-
译文:JavaScript框架比较–框架比较(八)
所属栏目:[模式] 日期:2018-09-10 热度:155
框架比较 表1对本文中讨论的五个框架提供详细的比较 其他值得注意的框架 为了简洁,本文只讨论五个比较流行的框架,这并不意味着这是最流行的、最好的、功能最丰富的。 其它的一些框架也值得一提、值得一看。 Cappuccino Dojo Glow GWT MochiKit Qooxdoo R[详细]
-
译文:JavaScript框架比较-用户体验(七)
所属栏目:[模式] 日期:2018-09-10 热度:100
提升用户体验(UE) 到目前为止,这篇文章完全集中于使用 Java Script框架的好处,以及如何更容易的构建交互式应用程序。但是,另一方面,各个框架都有各自诱人的前景,包括用户界面(UI)组件和用户体验(UE)增强,这需要花大量的精力。 这章将分别探讨[详细]
-
译文:JavaScript框架比较–Ajax(六)
所属栏目:[模式] 日期:2018-09-10 热度:164
Ajax 使用 Java Script框架最令人信服的理由是跨浏览器的标准化Ajax请求。Ajax请求是异步的HTTP请求,向服务器端脚本发送请求,然后得到一个响应结果,如如XML、JSON、HTML、纯文本格式的数据。大多数JavaScript框架有一定形式的Ajax请求对象,它接受一系[详细]
-
译文:JavaScript框架比较–事件处理(五)
所属栏目:[模式] 日期:2018-09-10 热度:55
事件处理 每个 Java Script框架都实现跨浏览器的事件处理,鼓励你摆脱旧式的内联附加事件而使用精简的线性方法。看看清单6的 jQuery 例子,使用hover事件高亮显示div元素。 清单6:使用jQuery附加hover事件 $('#the-box').hover(function() { $(this).addCl[详细]
-
ECMA-262-3 深入解析.第二章.变量对象
所属栏目:[模式] 日期:2018-09-07 热度:122
导言 在程序中我们总要声明变量和函数,然后成功的用它们来构建我们的系统。当我们引用需要的对象时,解释器如何、在哪里找到我们的数据(functions,variable),会发生什么? 很多ECMAScript 程序员都清楚变量与 执行上下文 密切相关。 var a = 10; // v[详细]
-
ECMA-262-3 深入解析.第一章.执行上下文
所属栏目:[模式] 日期:2018-09-07 热度:181
介绍 这篇文章我们主要探讨ECMAScript执行上下文和相关的ECMAScript可执行代码。 定义 每次当控制器转到ECMAScript可执行代码的时候,即会进入到一个执行上下文。 执行上下文(简称-EC)是一个抽象概念,ECMA-262标准用这个概念同可执行代码(executable code)[详细]
-
javascript对话框(弹出层)组件[附源码]
所属栏目:[模式] 日期:2018-09-07 热度:56
javascript对话框(弹出层)组件artDialog artDialog是一个轻巧且高度兼容的javascript对话框组件,可让你的网页交互拥有桌面软件般的用户体验。 演示地址:http://www.planeart.cn/downs/artDialog/ 项目主页:http://code.google.com/p/artdialog/ artDial[详细]
-
理解delete:javascript中的一些细节
所属栏目:[模式] 日期:2018-09-07 热度:50
在javascript中,我们有时候要使用delete删除对象。但是,对于delete的一些细节我们未必尽知。昨天,看到kangax分析delete的文章,获益匪浅。本文将文章的精华部分翻译出来,与各位分享。 原理 代码类型 执行上下文 激活对象/可变对象 属性特性 内置对象和[详细]
-
JavaScript 组件打包模式
所属栏目:[模式] 日期:2018-09-07 热度:132
js组件通常带着css image ,但这样使用起来可能会有些小麻烦,为了让组件足够的solo,有了把css image也打包在js的想法,然后顺便把请求数变少,这个顺便好像更重要,呵呵。 那怎样打包呢,虽然有resource-packages这样的方案,可是我们的核心用户还在玩ie[详细]
-
JS判断来路搜索引擎并提示加入收藏
所属栏目:[模式] 日期:2018-09-07 热度:83
今天小编在网上闲逛时无意间发现的一个非常实用的JS代码,如果你通过搜索引擎访问该网站,则提示:您通过XX搜索引擎来到XX网站... 是否加入收藏夹?另外还有提示设置首页的功能。 友情提示:请自行修改代码中的烈火网与网址。 实例代码: var sitename =[详细]
-
jquery.ui插件的网页布局模块拖拽功能
所属栏目:[模式] 日期:2018-09-07 热度:72
最近由于系统升级换代,连个人空间都要改造,目标是模仿QQ空间的空间装扮功能 在查了一些基本的资料之后决定用jquery.ui的插件 最后简单地实现了更换主题,布局切换,模块拖曳,自定义控制等基本功能 思路很简单,原程序也很简单,需要理解主要是jquery 和[详细]
-
JavaScript 获取单元格自定义属性值
所属栏目:[模式] 日期:2018-09-07 热度:105
js取单元格自定义属性值,IE和FF下的不同实现 result+=Item var isIE=document.all ? true : false; if(isIE)//IE { for (var i=0;iobj.cells.length;i++) result+=+obj.cells[i].fieldname+![CDATA[+$(obj.cells[i]).text()+]]/+obj.cells[i].fieldname+;[详细]
-
JS 如何获取当前 select 元素的值
所属栏目:[模式] 日期:2018-09-07 热度:119
如果 select 元素下的所有 option 元素均没有指定 selected 属性,会默认选中第一个。 可以通过 select.selectedIndex 获取到选中的 option 元素的索引。 可以通过 select.options[select.selectedIndex] 获取到选中的 option 元素。 option 元素 text3,[详细]
-
ZeroClipboard解决跨浏览器复制到剪贴板
所属栏目:[模式] 日期:2018-09-07 热度:90
Zero Clipboard的实现原理 Zero Clipboard 利用透明的Flash让其漂浮在复制按钮之上,这样其实点击的不是按钮而是 Flash ,这样将需要的内容传入Flash,再通过Flash的复制功能把传入的内容复制到 剪贴板 。 Zero Clipboard的安装方法 其实也不算安装啦,就[详细]
-
JavaScript Event学习第五章:高级事件注册模型
所属栏目:[模式] 日期:2018-08-30 热度:165
在这一章我会讲解两种高级时间注册模型:W3C和微软的。因为这两个方法都不能跨浏览器,所以在现在看来他们的使用场合并不多。 W3C和微软都着力于发展自己的事件注册模型来取代Netscape的传统模型。虽然对于微软的模型我不是很感冒,但是w3c的还是不错的,除[详细]
-
JavaScript Event学习第四章:传统的事件注册模型
所属栏目:[模式] 日期:2018-08-30 热度:144
在这一章我会讲解给元素注册事件的最好的一种办法,那就是:确保一个特定的事件在特定的HTML元素上发生并且能运行特定的脚本。 在最古老的 Java Script浏览器里注册事件只能通过内联模式。自从DHTML从根本上改变了你操作页面的方法,事件的注册就必须有扩展[详细]
-
JavaScript Event学习第三章:早期的事件处理程序
所属栏目:[模式] 日期:2018-08-30 热度:114
在这一章我会谈到一些最古老的添加事件处理程序的方法,这些方法甚至被第二代浏览器所支持。 这些古老的浏览器只支持一种注册事件处理程序的方法,这个方法是Netscape发明的。因为Netscape先发制人,所以如果微软也想做支持 Java Script事件的浏览器就得跟[详细]
-
JavaScript Event学习第二章:Event
所属栏目:[模式] 日期:2018-08-30 热度:157
在这一章我将对重要的事件做一个概述,包括一些流行的浏览器的兼容性问题。 在这里提出的事件,当他们发生在一个确定的HTML元素上的时候,他们的名字能够被大多数的浏览器所识别。也就是说,浏览器会查找你为这个HTML元素所注册的事件处理程序的脚本,而且[详细]
-
JavaScript Event学习第一章:Event介绍
所属栏目:[模式] 日期:2018-08-30 热度:64
Events是每一个 Java Script程序核心。什么是事件处理,它有什么问题和怎样写出跨浏览器的代码,我将在这一章做一个概述。我也会提供一些有精彩的关于事件处理程序的细节的文章。 没有event就没有脚本。可以看看任何有JavaScript代码的网页:几乎所有的例[详细]
-
JavaScript读取元素的CSS信息
所属栏目:[模式] 日期:2018-08-30 热度:98
在前端开发的工作中,总是会涉及到一些 Java Script和CSS信息交互的内容。比如为某个HTML元素级联了一组样式信息,其中width属性的值为80px。然后调用脚本读取这个值,得到的结果总是一个空字符串,而事实上我想得到80px。针对这种情况,David Flanagan在[详细]
-
JavaScript函数获取鼠标坐标的代码
所属栏目:[模式] 日期:2018-08-30 热度:154
下午想做个鼠标跟随的JS脚本,发现浏览器兼容问题还真是烦人,还有滚动条位置的问题。 还好网上什么都有,上网找了一个浏览器兼容性最佳的函数,经测试兼容IE、FireFox、 Chrome ,并且不会有滚动条误差问题,存档下,以备后用 :) Copy to Clipboard 引用[详细]
-
JavaScript函数获取元素位置坐标的代码
所属栏目:[模式] 日期:2018-08-30 热度:162
这是一个获取元素位置坐标的JS函数,分享给大家,更多JavaScript,请访问烈火网中文手册:http://www.veryhuo.com/a/manual/jscript/ Copy to Clipboard 引用的内容:[www.veryhuo.com]function elementLeft(e){ var offset = e.offsetLeft; if(e.offsetPa[详细]
-
JavaScript如何实现重载?
所属栏目:[模式] 日期:2018-08-30 热度:55
ECMAScript中的函数不能重载.但可以用相同的名字在一个作用域中定义两个函数而不会引发错误,但真正使用的是最后一个函数. Copy to Clipboard 引用的内容:[www.veryhuo.com]function doAdd(iNum) { alert(iNum+100); } function doAdd(iNum) { alert(iNum+[详细]