-
JS实现网页打开“整理收藏夹”对话框
所属栏目:[模式] 日期:2018-09-18 热度:75
Java script实现在网页上显示整理收藏夹,由于该功能有安全隐患,因此IE高版本无法实现。通过点击网页上的链接显示出整理收藏夹对话框,与添加收藏夹对话框有点相似。 代码如下:[详细]
-
IE event.stopPropagation()阻止冒泡事件
所属栏目:[模式] 日期:2018-09-18 热度:167
在火狐 Firefox 、opera、IE下阻止冒泡事件是不同的代码的,火狐下使用的是event.stopPropagation(),而IE下使用的是cancelBubble, jQuery 可以使用e.stopPropagation()就可以兼容了,如果是纯粹的 Java Script需要下面的代码来统一: if (event.stopPropa[详细]
-
用JScript RuntimeObject检测全局污染
所属栏目:[模式] 日期:2018-09-18 热度:113
副标题#e# 这是一篇关于使用JScriptRuntimeObject(MSDN)调试的文章。虽然这些例子中的大多数在其他浏览器中不能运行,但在IE 5.5+中都能运行。 泄露的全局标识符 比如说你一不小心创建了一个全局属性,如: function playRugby(players) { var items, i;[详细]
-
javascript中匿名函数的N种写法
所属栏目:[模式] 日期:2018-09-18 热度:128
在java中有private属性,强大的功能js不能实现就矮人一截,匿名函数,发扬广大 匿名函数没有实际名字,也没有指针,怎么执行滴? 其实大家可以看看小括号的意义就应该可以理解。小括号有返回值,也就是小括号内的函数或者表达式的返回值,所以说小括号内的f[详细]
-
提高Firefox的innerHTML()的性能
所属栏目:[模式] 日期:2018-09-18 热度:126
Firefox 下innerHTML在操作量大了以后性能下降很厉害,有人写了个提高innhtml性能的代替方法: function replaceHtml(el, html) { var oldEl = typeof el === string ? document.getElementById(el) : el; /*@cc_on // 原始的 innerHTML 在 IE 中的性能好一[详细]
-
译文:JavaScript框架比较–框架比较(八)
所属栏目:[模式] 日期:2018-09-07 热度:135
框架比较 表1对本文中讨论的五个框架提供详细的比较 其他值得注意的框架 为了简洁,本文只讨论五个比较流行的框架,这并不意味着这是最流行的、最好的、功能最丰富的。 其它的一些框架也值得一提、值得一看。 Cappuccino Dojo Glow GWT MochiKit Qooxdoo R[详细]
-
译文:JavaScript框架比较-用户体验(七)
所属栏目:[模式] 日期:2018-09-07 热度:191
提升用户体验(UE) 到目前为止,这篇文章完全集中于使用 Java Script框架的好处,以及如何更容易的构建交互式应用程序。但是,另一方面,各个框架都有各自诱人的前景,包括用户界面(UI)组件和用户体验(UE)增强,这需要花大量的精力。 这章将分别探讨[详细]
-
译文:JavaScript框架比较–Ajax(六)
所属栏目:[模式] 日期:2018-09-07 热度:81
Ajax 使用 Java Script框架最令人信服的理由是跨浏览器的标准化Ajax请求。Ajax请求是异步的HTTP请求,向服务器端脚本发送请求,然后得到一个响应结果,如如XML、JSON、HTML、纯文本格式的数据。大多数JavaScript框架有一定形式的Ajax请求对象,它接受一系[详细]
-
译文:JavaScript框架比较–事件处理(五)
所属栏目:[模式] 日期:2018-09-07 热度:195
事件处理 每个 Java Script框架都实现跨浏览器的事件处理,鼓励你摆脱旧式的内联附加事件而使用精简的线性方法。看看清单6的 jQuery 例子,使用hover事件高亮显示div元素。 清单6:使用jQuery附加hover事件 $('#the-box').hover(function() { $(this).addCl[详细]
-
译文:JavaScript框架比较–实用函数(四)
所属栏目:[模式] 日期:2018-09-07 热度:129
实用函数 许多 Java Script框架都带有大量的实用函数,这些函数使得应用JavaScript开发应用程序更加容易。这篇文章有太多内容需要补充,所以我将讨论大多数框架中更为引人注目的函数中的一个。 如果你曾经使用过JavaScript数组,你可能对使用循环来迭代数组[详细]
-
onresize IE中多次执行问题
所属栏目:[模式] 日期:2018-09-07 热度:98
页面上给window对象定义其onresize事件,在拉伸缩小窗口时,其onresize方法将被执行多次,影响页面性能。 网上查了些资料,说是在ie和opera中,只要窗口的边框移动一个像素,resize事件就触发;而在mozilla中,只在停止对窗口的大小改变时才触发resize 事件[详细]
-
译文:JavaScript框架比较(三)
所属栏目:[模式] 日期:2018-09-07 热度:67
DOM操作 在此之前,你已经看到 Java Script框架使用选择器和DOM遍历可以很容易的获得特定的元素。但是,为了改变网页上特定元素的内容和外观,你需要操作DOM并应用改变。使用纯粹的JavaScript将是一件繁重的工作,但幸运的是,大多数JavaScript框架提供有用[详细]
-
译文:JavaScript框架比较(二)
所属栏目:[模式] 日期:2018-09-07 热度:159
DOM遍历 基于ID、元素类型、类名查找元素非常有用,但是如果你想基于它在DOM树中的位置来查找元素该怎么办?换句话说,你有一个给定的元素,你想查找它的父元素、子元素中的一个、它的上一个或下一个节点兄弟节点。例如,采用下面这段零碎的HTML代码: 清单[详细]
-
译文:JavaScript框架比较(一)
所属栏目:[模式] 日期:2018-09-07 热度:133
副标题#e# 摘要:现代网站和web应用程序趋向于依赖客户端的大量的javascript来提供丰富的交互。特别是通过不刷新页面的异步请求来返回数据或从服务器端的脚本(或数据系统)中得到响应。在这篇文章中,你将会了解到javascript框架如何更快、更方便的创建互[详细]
-
JavaScript入门教程:一百多个基础知识
所属栏目:[模式] 日期:2018-09-07 热度:78
1.document.write(); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document-html-(head,body) 4.一个浏览器窗口中的DOM顺序是:window-(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElementById(表单中元素[详细]
-
JavaScript Event学习第五章:高级事件注册模型
所属栏目:[模式] 日期:2018-09-01 热度:106
在这一章我会讲解两种高级时间注册模型:W3C和微软的。因为这两个方法都不能跨浏览器,所以在现在看来他们的使用场合并不多。 W3C和微软都着力于发展自己的事件注册模型来取代Netscape的传统模型。虽然对于微软的模型我不是很感冒,但是w3c的还是不错的,除[详细]
-
JavaScript Event学习第四章:传统的事件注册模型
所属栏目:[模式] 日期:2018-09-01 热度:137
在这一章我会讲解给元素注册事件的最好的一种办法,那就是:确保一个特定的事件在特定的HTML元素上发生并且能运行特定的脚本。 在最古老的 Java Script浏览器里注册事件只能通过内联模式。自从DHTML从根本上改变了你操作页面的方法,事件的注册就必须有扩展[详细]
-
JavaScript Event学习第三章:早期的事件处理程序
所属栏目:[模式] 日期:2018-09-01 热度:134
在这一章我会谈到一些最古老的添加事件处理程序的方法,这些方法甚至被第二代浏览器所支持。 这些古老的浏览器只支持一种注册事件处理程序的方法,这个方法是Netscape发明的。因为Netscape先发制人,所以如果微软也想做支持 Java Script事件的浏览器就得跟[详细]
-
JavaScript Event学习第二章:Event
所属栏目:[模式] 日期:2018-09-01 热度:98
在这一章我将对重要的事件做一个概述,包括一些流行的浏览器的兼容性问题。 在这里提出的事件,当他们发生在一个确定的HTML元素上的时候,他们的名字能够被大多数的浏览器所识别。也就是说,浏览器会查找你为这个HTML元素所注册的事件处理程序的脚本,而且[详细]
-
JavaScript Event学习第一章:Event介绍
所属栏目:[模式] 日期:2018-09-01 热度:121
Events是每一个 Java Script程序核心。什么是事件处理,它有什么问题和怎样写出跨浏览器的代码,我将在这一章做一个概述。我也会提供一些有精彩的关于事件处理程序的细节的文章。 没有event就没有脚本。可以看看任何有JavaScript代码的网页:几乎所有的例[详细]
-
JavaScript读取元素的CSS信息
所属栏目:[模式] 日期:2018-09-01 热度:170
在前端开发的工作中,总是会涉及到一些 Java Script和CSS信息交互的内容。比如为某个HTML元素级联了一组样式信息,其中width属性的值为80px。然后调用脚本读取这个值,得到的结果总是一个空字符串,而事实上我想得到80px。针对这种情况,David Flanagan在[详细]
-
JavaScript函数获取鼠标坐标的代码
所属栏目:[模式] 日期:2018-09-01 热度:98
下午想做个鼠标跟随的JS脚本,发现浏览器兼容问题还真是烦人,还有滚动条位置的问题。 还好网上什么都有,上网找了一个浏览器兼容性最佳的函数,经测试兼容IE、FireFox、 Chrome ,并且不会有滚动条误差问题,存档下,以备后用 :) Copy to Clipboard 引用[详细]
-
JavaScript函数获取元素位置坐标的代码
所属栏目:[模式] 日期:2018-09-01 热度:190
这是一个获取元素位置坐标的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-09-01 热度:181
ECMAScript中的函数不能重载.但可以用相同的名字在一个作用域中定义两个函数而不会引发错误,但真正使用的是最后一个函数. Copy to Clipboard 引用的内容:[www.veryhuo.com]function doAdd(iNum) { alert(iNum+100); } function doAdd(iNum) { alert(iNum+[详细]
-
JS 判断 iframe 是否加载完成的代码
所属栏目:[模式] 日期:2018-09-01 热度:127
一般来说,我们判断 iframe 是否加载完成其实与 判断 Java Script 文件是否加载完成 采用的方法很类似: Copy to Clipboard 引用的内容:[www.veryhuo.com]var iframe = document.createElement(iframe); iframe.src = http://www.veryhuo.com; if (!/*@cc[详细]