-
当构造函数遇到 YUI3 封装机制
所属栏目:[模式] 日期:2018-09-14 热度:183
Copy to Clipboard 引用的内容:[www.veryhuo.com]/* * 构造确认操作对话框 * @constructor ConfirmBox */ var ConfirmBox, confirmOff, confirmDel; ConfirmBox = function(msg, url){ this.msg = msg; this.url = url; }; ConfirmBox.prototype.fire = f[详细]
-
如何编写高质量的Javascript代码(译)
所属栏目:[模式] 日期:2018-09-14 热度:127
优秀的Stoyan Stefanov在他的新书中(《 Java script Patterns》)介绍了很多编写高质量代码的技巧,比如避免使用全局变量,使用单一的var关键字,循环式预存长度等等。 这篇文章不仅仅从代码本身来考虑如何优化编码,也从代码的设计阶段来考虑,包括书写A[详细]
-
JavaScript 关于if语句的几种优化
所属栏目:[模式] 日期:2018-09-14 热度:197
UglifyJS是一个对javascript进行压缩和美化的工具,在它的文档说明中,我看到了几种关于if语句优化的方法。尽管我还没使用它去做一些尝试性的测试,但从这里可以看到它的确对js作了美化的工作。也许有人认为if语句就那么简单,能优化到什么程度?但是看看[详细]
-
JavaScript 取得当前页面的URL网址参数
所属栏目:[模式] 日期:2018-09-14 热度:172
烈01火43网(LieHuo76.Net)教79程 一个非常简单并常见的JS获取当前网页的URL代码,实际上这是一个有用的功能,有时候我们不想使用ASP/PHP/JSP等动态网页语言去截获URL中的字符串,用JS可减轻服务器压力,而且速度也比较快,灵活性高,示例中,我们可以获得[详细]
-
由JavaScript随机数控制网址的显示
所属栏目:[模式] 日期:2018-09-14 热度:66
烈37火68网(LieHuo83.Net)教82程 一个JS的简单例子,算不得网页特效。将一些网址存入数组中,交给 Java Script来处理,根据随机数的生成,随机显示数组中的网址,虽然这是用来生成网址的,但除了网址外,你还可以在数组中设定网页的颜色,每次刷新,它都会[详细]
-
Confirm 链接确认的JS代码,非按钮确认方法
所属栏目:[模式] 日期:2018-09-14 热度:65
烈09火49网(LieHuo63.Net)教45程 使用 Java Script中的Confirm 确认函数,来实现链接确认功能,以往大家见的比较多的就是使用按钮确认,弹出确认框,其实不管是按钮或是链接,其方法是一样的,都是使用了Confirm函数,本例中没有使用onClick函数,用了一个[详细]
-
Js实现复选框的全选与反选,表格批量选择
所属栏目:[模式] 日期:2018-09-14 热度:186
标题: Js实现复选框的全选与反选,表格批量选择 作用: a.单击列头复选框全选或全不选子项 b.只要有一个子项没有选中,则取消列头的选中状态 c.当所有子项目选中时,列头复选框自动置为选中状态 d.将子项的复选框反过来选 代码如下: !DOCTYPE HTML PUBLIC[详细]
-
WordPress 显示单个留言者的留言总数
所属栏目:[模式] 日期:2018-09-14 热度:125
在 WordPress 博客上,显示每个留言者的留言总数,效果如下: 方法很简单,在funtions.php文件里加上下面的代码: function commentCountAuthor(){ $oneText = 'One comment'; $moreText = '% comments'; global $wpdb; $result = $wpdb-get_var(' SELECT[详细]
-
javascript简单实现checkbox的全选与反选
所属栏目:[模式] 日期:2018-09-14 热度:136
今天上网遇到有个网友在论坛问input的checkbox全选和反选的问题,顺手总结了一下,然后写了个简单的 jQuery checkbox全选反选插件,希望对大家有用。 如果是简单的实现checkbox的全选与反选可以使用下面的函数: function checkall(obj,cName) { var checkb[详细]
-
倒计时抢购JS代码,结束有提示已结束
所属栏目:[模式] 日期:2018-09-14 热度:54
自今年一批 团购 网站集中开建以来,仅几个月的时间,就先后涌现了大批团购网站。网络团购以低价、返利模式吸引消费者。 纵观这些团购网站都不难发现他们都是有很多共同之处,譬如在界面及前端设计方面就有很多相似之处。一般都有:诱人的超低价格,购买按[详细]
-
Prototype 实现的 AJAX Edit in Place
所属栏目:[模式] 日期:2018-09-11 热度:126
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-11 热度:56
如果你稍微懂一些 JS 代码,一般都会知道 window.location.href 这个属性。并且用该属性获取页面 URL 地址: window.location.href = window.location.href; 好吧,我告诉你,这样弱掉了。其实原生 Java Script 真是什么都有。 window.location 对象所包含[详细]
-
使用javascript将XML解析为JSON
所属栏目:[模式] 日期:2018-09-11 热度:143
今天看了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-11 热度:59
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-11 热度:116
在用taskMenu的时候 当需要显示的项太多的时候 希望加载的时候 只显示指定的项 var taskMenu1; var taskMenu2; var item1; var item2; var item3; var item4; window.onload = function() { TaskMenu.setHeadMenuSpecial(true); /////////////////////////[详细]
-
一个简单的AJAX实现(HELLO AJAX)
所属栏目:[模式] 日期:2018-09-09 热度:170
客户端部分: 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-09 热度:166
很久没有写JS程序了,这两天终于有空了,把之前的一个浮动广告代码重写了一下。呵呵,还是那句话,能力有限,如有错误敬请指证和指点。演示效果 演示地址:http://www.yaohaixiao.com/ 演示的效果是弹出视频广告,不过我这个视频是一个JAVASCRIPT教程,所[详细]
-
Javascript轻松控制页面图片大小
所属栏目:[模式] 日期:2018-09-09 热度:144
今天Gonten在某CMS模板里发现一段很实用的代码,来分享一下。经常看到有些网页,因为图片太大,也没有控制图片大小,导致页面错位,或者部分图片看不到。下面的这段代码将会解决这个问题。 代码如下: script type=text/javascript function ImgSize(){ var[详细]
-
JavaScript:isPrototypeOf和hasOwnProperty
所属栏目:[模式] 日期:2018-09-09 热度:140
1、isPrototypeOf isPrototypeOf是用来判断指定对象object1是否存在于另一个对象object2的原型链中,是则返回true,否则返回false。 格式如下: object1.isPrototypeOf(object2); object1是一个对象的实例; object2是另一个将要检查其原型链的对象。 原型[详细]
-
Javascript实现网页水印(非图片水印)
所属栏目:[模式] 日期:2018-09-09 热度:137
定义 在一些B/S结构的应用系统中,有很多页面是需要有水印的。常见的就是公文系统、合同系统等。大家常常关注的是网站图片增加水印,而很少关注页面水[详细]
-
JavaScript Event学习补遗:addEventSimple
所属栏目:[模式] 日期:2018-09-09 热度:183
这里有个addEventSimple和removeEventSimple函数,有时候需要不那么显眼的事件处理程序的时候我就用这两个函数注册。 function addEventSimple(obj,evt,fn) { if (obj.addEventListener) obj.addEventListener(evt,fn,false); else if (obj.attachEvent) o[详细]
-
JavaScript Event学习第十一章:按键的检测
所属栏目:[模式] 日期:2018-09-09 热度:179
检测用户的按键是事件处理程序的一个很特别的环节。这一章我们着力解决一些非常棘手的问题,并且制定一个完备的表格。 第一个问题是对于按键事件来说根本就没有标准,按照规范说的:包含键盘等输入设备的事件模型会在以后的DOM规范中作出解释。 正如我们了[详细]
-
JavaScript Event学习第十章:一些可替换的事件对
所属栏目:[模式] 日期:2018-09-09 热度:161
为了让我们的JavaScript驱动的页面对那些不能或者不想使用鼠标的用户也能很好的使用,我们对于像mouseover和click这样的事件做一些处理,同样的,对于非鼠标事件也同样的要我们的脚本执行。 测试的局限性 这一章我们打算寻找哪些事件可以用来仿真鼠标事件。[详细]
-
JavaScript Event学习第九章:鼠标事件
所属栏目:[模式] 日期:2018-09-09 热度:194
鼠标事件是到目前为止最重要的事件。在这一章我将介绍一些鼠标事件的最常见的问题和技巧。 先看看都有哪些鼠标事件:mousedown,mouseup_and_click,dblclick,mousemove和mouseover mouseout。然后还会解释一下relatedTarget,fromElement和toElement这些事件[详细]
-
JavaScript Event学习第八章:事件的顺序
所属栏目:[模式] 日期:2018-09-09 热度:147
在第一章中我提到一个初次看起来可能不是那么好理解的是一个问题:如果一个元素和他的父元素对于同样的事件都有事件处理程序,那么哪个会首先执行呢?毫无疑问,看是什么浏览器。 基本问题很简单。假设你的一个元素包含在另外一个元素中。 ----------------[详细]