-
Prototype 实现的 AJAX Edit in Place
所属栏目:[模式] 日期:2018-09-14 热度:124
Prototype 似乎已经过气了,但用的人还是挺多,这段代码是用来实现即时文本编辑(Edit In Place)的功能。 // Requires prototype.js function edit(action, obj) { Element.hide(obj); var textarea ='div id=' + obj.id + '_editorinput type=text id=' +[详细]
-
你真的认识 window.location 吗?
所属栏目:[模式] 日期:2018-09-14 热度:196
如果你稍微懂一些 JS 代码,一般都会知道 window.location.href 这个属性。并且用该属性获取页面 URL 地址: window.location.href = window.location.href; 好吧,我告诉你,这样弱掉了。其实原生 Java Script 真是什么都有。 window.location 对象所包含[详细]
-
使用javascript将XML解析为JSON
所属栏目:[模式] 日期:2018-09-14 热度:63
今天看了David Walsh一篇把XML格式转换为JSON格式的文章,感觉不错,简单的转载了过来。 下面是神奇的XML转JSON的javascript代码: // Changes XML to JSON function xmlToJson(xml) { // Create the return object var obj = {}; if (xml.nodeType == 1)[详细]
-
JavaScript中的字符串乘法
所属栏目:[模式] 日期:2018-09-14 热度:170
In Ruby, the * operator used with a string on the left and a number on the right does string repetition. Ruby*2 evaluates to RubyRuby, for example. This is only occasionally useful (when creating lines of hyphens for ASCII tables, for ex[详细]
-
JS 实现 taskMenu 加载的时候显示指定的项
所属栏目:[模式] 日期:2018-09-14 热度:159
在用taskMenu的时候 当需要显示的项太多的时候 希望加载的时候 只显示指定的项 var taskMenu1; var taskMenu2; var item1; var item2; var item3; var item4; window.onload = function() { TaskMenu.setHeadMenuSpecial(true); /////////////////////////[详细]
-
ZeroClipboard解决跨浏览器复制到剪贴板
所属栏目:[模式] 日期:2018-09-12 热度:129
Zero Clipboard的实现原理 Zero Clipboard 利用透明的Flash让其漂浮在复制按钮之上,这样其实点击的不是按钮而是 Flash ,这样将需要的内容传入Flash,再通过Flash的复制功能把传入的内容复制到 剪贴板 。 Zero Clipboard的安装方法 其实也不算安装啦,就[详细]
-
译文:JavaScript框架比较–框架比较(八)
所属栏目:[模式] 日期:2018-09-12 热度:100
框架比较 表1对本文中讨论的五个框架提供详细的比较 其他值得注意的框架 为了简洁,本文只讨论五个比较流行的框架,这并不意味着这是最流行的、最好的、功能最丰富的。 其它的一些框架也值得一提、值得一看。 Cappuccino Dojo Glow GWT MochiKit Qooxdoo R[详细]
-
译文:JavaScript框架比较-用户体验(七)
所属栏目:[模式] 日期:2018-09-12 热度:154
提升用户体验(UE) 到目前为止,这篇文章完全集中于使用 Java Script框架的好处,以及如何更容易的构建交互式应用程序。但是,另一方面,各个框架都有各自诱人的前景,包括用户界面(UI)组件和用户体验(UE)增强,这需要花大量的精力。 这章将分别探讨[详细]
-
译文:JavaScript框架比较–Ajax(六)
所属栏目:[模式] 日期:2018-09-12 热度:185
Ajax 使用 Java Script框架最令人信服的理由是跨浏览器的标准化Ajax请求。Ajax请求是异步的HTTP请求,向服务器端脚本发送请求,然后得到一个响应结果,如如XML、JSON、HTML、纯文本格式的数据。大多数JavaScript框架有一定形式的Ajax请求对象,它接受一系[详细]
-
译文:JavaScript框架比较–事件处理(五)
所属栏目:[模式] 日期:2018-09-12 热度:199
事件处理 每个 Java Script框架都实现跨浏览器的事件处理,鼓励你摆脱旧式的内联附加事件而使用精简的线性方法。看看清单6的 jQuery 例子,使用hover事件高亮显示div元素。 清单6:使用jQuery附加hover事件 $('#the-box').hover(function() { $(this).addCl[详细]
-
译文:JavaScript框架比较–实用函数(四)
所属栏目:[模式] 日期:2018-09-12 热度:179
实用函数 许多 Java Script框架都带有大量的实用函数,这些函数使得应用JavaScript开发应用程序更加容易。这篇文章有太多内容需要补充,所以我将讨论大多数框架中更为引人注目的函数中的一个。 如果你曾经使用过JavaScript数组,你可能对使用循环来迭代数组[详细]
-
onresize IE中多次执行问题
所属栏目:[模式] 日期:2018-09-12 热度:71
页面上给window对象定义其onresize事件,在拉伸缩小窗口时,其onresize方法将被执行多次,影响页面性能。 网上查了些资料,说是在ie和opera中,只要窗口的边框移动一个像素,resize事件就触发;而在mozilla中,只在停止对窗口的大小改变时才触发resize 事件[详细]
-
译文:JavaScript框架比较(三)
所属栏目:[模式] 日期:2018-09-12 热度:112
DOM操作 在此之前,你已经看到 Java Script框架使用选择器和DOM遍历可以很容易的获得特定的元素。但是,为了改变网页上特定元素的内容和外观,你需要操作DOM并应用改变。使用纯粹的JavaScript将是一件繁重的工作,但幸运的是,大多数JavaScript框架提供有用[详细]
-
译文:JavaScript框架比较(二)
所属栏目:[模式] 日期:2018-09-12 热度:169
DOM遍历 基于ID、元素类型、类名查找元素非常有用,但是如果你想基于它在DOM树中的位置来查找元素该怎么办?换句话说,你有一个给定的元素,你想查找它的父元素、子元素中的一个、它的上一个或下一个节点兄弟节点。例如,采用下面这段零碎的HTML代码: 清单[详细]
-
译文:JavaScript框架比较(一)
所属栏目:[模式] 日期:2018-09-12 热度:61
摘要:现代网站和web应用程序趋向于依赖客户端的大量的javascript来提供丰富的交互。特别是通过不刷新页面的异步请求来返回数据或从服务器端的脚本(或数据系统)中得到响应。在这篇文章中,你将会了解到javascript框架如何更快、更方便的创建互动性强、相[详细]
-
unsafeWindow无法调用GM_getValue和GM_setValue的问题
所属栏目:[模式] 日期:2018-09-03 热度:162
由于命名空间改变,unsafeWindow下无法调用GM_getValue和GM_setValue如下 //使用正常 GM_setValue(foo,true); GM_etValue(foo); //不能访问GM值的 $(#btnPost).click(function(){ GM_setValue(foo,true);//此时无法设置值 GM_etValue(foo);//这里也得不到[详细]
-
js显示层、js隐藏层函数 附参数使用说明
所属栏目:[模式] 日期:2018-09-03 热度:77
js显示层、js隐藏层函数 附参数使用说明 /* ======================== 函数:显示或隐藏层 showDiv(divId_array,showLocality_array) 参数说明: divId_array 所有要操作的层ID,用逗号分隔 showLocality_array 所有要显示的层在参数DivIdArray所对应的位[详细]
-
Javascript 实现类似 C#类 的封装
所属栏目:[模式] 日期:2018-08-26 热度:168
对 Java script研究不深,虽然有许多自己的C#类库,却没有一个自己的js类库,一直都是用到了再去找去写。 以后要像封装C#类一样,把常用的js方法也封装起来。 JsClass.js文件 //定义一个类 function _HY_JsClass(){} //定义类的属性 _HY_JsClass.prototype[详细]
-
JavaScript 打造划词效果并实现搜索功能
所属栏目:[模式] 日期:2018-08-26 热度:115
烈火网(LieHuo.Net)教程 什么是划词?大家可能想到当年的划词搜索软件,哈哈!看来您是受害者,不过本文提到的划词可不是垃圾软件,是指在网页中,当用户用鼠标划出一个单词后会出现一个弹出框,通过指定的搜索引擎进行搜索。 !DOCTYPE HTML PUBLIC -//W3C[详细]
-
JavaScript传递对象参数到方法里的另一种方法
所属栏目:[模式] 日期:2018-08-26 热度:100
方法函数: function sendMessage(sMsg,oObj) { if (arguments.length == 2) { oObj.handleMsg(sMsg); oObj.test(); } else { alert(sMsg); }; } sendMessage(Hello world!); 普通的方法传递: function obj() { } obj.prototype.handleMsg = function(sMsg[详细]
-
JavaScript编写的高仿真可控弹簧振子
所属栏目:[模式] 日期:2018-08-26 热度:128
div style=position: absolute; width: 616px; height: 432px; top: 122px; left: 50px id=maindiv style=position: absolute; width: 616px; height: 407px; top: 0px; left: 3px id=podiv style=position: absolute; background-color: #ffffff; width:[详细]
-
JavaScript 移动焦点放大图片局部效果代码
所属栏目:[模式] 日期:2018-08-26 热度:122
先来看一下效果: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=Content-Type content=text/html; charset=GBK /t[详细]
-
JavaScript 中window.opener的应用
所属栏目:[模式] 日期:2018-08-26 热度:83
网上支付开发分为支付平台和客户端两部分。当客户端进入支付平台时,需要在新窗体打开支付平台页面,JS代码: window.open(); 而当支付成功后,需要关闭支付平台支付成功界面,并在客户端加载客户端支付成功页面,JS代码: window.opener.location.href=url[详细]
-
避免js无限循环引起的假死或cpu100%
所属栏目:[模式] 日期:2018-08-26 热度:198
本文内容很简单,只是对面试中遇到的一个记不清楚的问题的复习,鉴于是俺第一次在cnblog上发文,所以装了防护盾,请勿以任何方式扔板砖、菜刀之类物品. 今天去国内某知名公司面试了一把,投的职位是 前端开发,第一次去大公司面试,受到的感触当然是十分多[详细]
-
JavaScript数组实例:点击逐条读取文字
所属栏目:[模式] 日期:2018-08-26 热度:197
烈火网(LieHuo.Net)教程 一个 Java Script数组的应用例子,我们将文字存储于数组中,然后用循环依次输出这些文字,像一条一条的公告一样,不过现在都不这么用了,可以学习JS数组,算是一个实例参考。 titleJavaScript数组文字/titleformtable CELLSPACING=[详细]