-
提高Firefox的innerHTML()的性能
所属栏目：[模式] 日期：2018-09-26 热度：181
Firefox 下innerHTML在操作量大了以后性能下降很厉害,有人写了个提高innhtml性能的代替方法： function replaceHtml(el, html) { var oldEl = typeof el === string ? document.getElementById(el) : el; /*@cc_on // 原始的 innerHTML 在 IE 中的性能好一[详细]
-
JS的Image对象可用于检测图片类型是否合法
所属栏目：[模式] 日期：2018-09-21 热度：122
项目中假如碰到了上传图片文件时，需要在后台加检测程序，判断图片类型是否合法，以防止一些非法的文件上传，如果对js的Image对象比较熟悉我们可以使用下面的方法在前端层次上检查下图片类型是否合法。 var img = new Image(); img.onload = function(){ al[详细]
-
documentElement知识汇总
所属栏目：[模式] 日期：2018-09-21 热度：127
问题来源: 取得当前浏览器窗口的高度和宽度 解决文案: script type=text/javascript //from ppk (http://www.jr.pl/www.quirksmode.org/viewport/compatibility.html) var x,y; if (self.innerHeight) // all except Explorer { x = self.innerWidth; y = s[详细]
-
IE下setTimeout传参数bug的解决方法
所属栏目：[模式] 日期：2018-09-21 热度：95
最近一次的开发中遇到了IE下setTimeout传参数的问题，在IE下setTimeout是不会传参数的，例如下面的代码，在IE下就不会传入a,b两个参数 setTimeout(function(a,b){ alert(a+b); },1000,'hello,','world!'); 在实际项目中我们有些需求必须传入参数要setTimeo[详细]
-
JavaScript 基础应用语法
所属栏目：[模式] 日期：2018-09-21 热度：56
1.document.write();为 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document-html-(head,body) 4.一个浏览器窗口中的DOM顺序是:window-(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElementById(表单中[详细]
-
js用法例子:使用split分隔指定字符串
所属栏目：[模式] 日期：2018-09-21 热度：72
js用法例子:使用split分隔指定字符串 Java Script使用split分隔指定字符串，用法举例，这里使用，逗号作为分隔符，将一长串含有逗号的字符串分开，应用十分广泛，其用法也相当简单，你从本代码中即可学到用法。 Copy to Clipboard 引用的内容：[www.veryhu[详细]
-
Chrome浏览器中用JS获取表格及其元素的CSS宽高
所属栏目：[模式] 日期：2018-09-21 热度：153
虽然现在表格用的很少了，但是某些写东西还是需要用到的。 今天在做F7Dialog2.0项目的时候遇到了要获取表格单元格的CSS宽高。自认为获取宽高很简单，直接写了代码获取，后来那部分代码写完后测试时才发现chrome执行结果不同，很是郁闷[详细]
-
cookie的添加、获
所属栏目：[模式] 日期：2018-09-21 热度：76
下面这段代码最开始是参考腾讯的，自经过调整加工及添加注释后贴出来，希望对大家有所帮助。 在注释中的解释应该已经很详细了，如遇到问题可以在评论中咨询。 // cookie 2.0 F7 Editor function setCookie(name, value, expires, path, domain){ //name coo[详细]
-
JS批量获取class命名节点 getElementsByClassName()
所属栏目：[模式] 日期：2018-09-21 热度：149
JS批量获取class命名节点 getElementsByClassName() getElementsByClassName() 是一个老的方法了，将其优化整理后给大家提供。 代码如下： // 批量获取class命名节点 function getElementsByClassName(className, tag, parent){ var parent = parent || doc[详细]
-
javascript判断dom是否加载完毕
所属栏目：[模式] 日期：2018-09-21 热度：196
首先要明确两个概念 1.window.onload:页面加载完毕，页面内所有组件(图片等)都可用。 2.dom 加载：指文档对象模型加载完毕，要先于window.onload事件。 可以看出，当页面包含大量组件(特别是图片)的情形下，以上两种加载的时间相隔将会很长，这时判断dom何[详细]
-
javascript 缓存提供程序
所属栏目：[模式] 日期：2018-09-21 热度：143
相信每一个开发者都知道缓存的重要性。从头至尾有缓存的后台(memcached,xcache等。) 来减轻db的压力。对内容分发网络（CDN）缓存中希望你的浏览器缓存那些不止一次的加载资源。当然, 有客户端缓存,所以你不要重复昂贵的操作(即使是算法或大量的运算)。 这[详细]
-
JavaScript Event学习第十章：一些可替换的事件对
所属栏目：[模式] 日期：2018-09-18 热度：58
为了让我们的JavaScript驱动的页面对那些不能或者不想使用鼠标的用户也能很好的使用，我们对于像mouseover和click这样的事件做一些处理，同样的，对于非鼠标事件也同样的要我们的脚本执行。 测试的局限性 这一章我们打算寻找哪些事件可以用来仿真鼠标事件。[详细]
-
JavaScript Event学习第九章：鼠标事件
所属栏目：[模式] 日期：2018-09-18 热度：105
鼠标事件是到目前为止最重要的事件。在这一章我将介绍一些鼠标事件的最常见的问题和技巧。 先看看都有哪些鼠标事件：mousedown,mouseup_and_click,dblclick,mousemove和mouseover mouseout。然后还会解释一下relatedTarget,fromElement和toElement这些事件[详细]
-
JavaScript Event学习第八章：事件的顺序
所属栏目：[模式] 日期：2018-09-18 热度：113
在第一章中我提到一个初次看起来可能不是那么好理解的是一个问题：如果一个元素和他的父元素对于同样的事件都有事件处理程序，那么哪个会首先执行呢？毫无疑问，看是什么浏览器。 基本问题很简单。假设你的一个元素包含在另外一个元素中。 ----------------[详细]
-
Prototype 实现的 AJAX Edit in Place
所属栏目：[模式] 日期：2018-09-18 热度：150
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-18 热度：74
如果你稍微懂一些 JS 代码，一般都会知道 window.location.href 这个属性。并且用该属性获取页面 URL 地址： window.location.href = window.location.href; 好吧，我告诉你，这样弱掉了。其实原生 Java Script 真是什么都有。 window.location 对象所包含[详细]
-
使用javascript将XML解析为JSON
所属栏目：[模式] 日期：2018-09-18 热度：158
今天看了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-18 热度：111
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-18 热度：69
在用taskMenu的时候 当需要显示的项太多的时候 希望加载的时候 只显示指定的项 var taskMenu1; var taskMenu2; var item1; var item2; var item3; var item4; window.onload = function() { TaskMenu.setHeadMenuSpecial(true); /////////////////////////[详细]
-
Confirm 链接确认的JS代码，非按钮确认方法
所属栏目：[模式] 日期：2018-09-15 热度：154
烈09火49网(LieHuo63.Net)教45程 使用 Java Script中的Confirm 确认函数，来实现链接确认功能，以往大家见的比较多的就是使用按钮确认，弹出确认框，其实不管是按钮或是链接，其方法是一样的，都是使用了Confirm函数，本例中没有使用onClick函数，用了一个[详细]
-
Js实现复选框的全选与反选,表格批量选择
所属栏目：[模式] 日期：2018-09-15 热度：144
标题： Js实现复选框的全选与反选,表格批量选择 作用： a.单击列头复选框全选或全不选子项 b.只要有一个子项没有选中，则取消列头的选中状态 c.当所有子项目选中时，列头复选框自动置为选中状态 d.将子项的复选框反过来选 代码如下： !DOCTYPE HTML PUBLIC[详细]
-
WordPress 显示单个留言者的留言总数
所属栏目：[模式] 日期：2018-09-15 热度：177
在 WordPress 博客上，显示每个留言者的留言总数，效果如下： 方法很简单，在funtions.php文件里加上下面的代码： function commentCountAuthor(){ $oneText = 'One comment'; $moreText = '% comments'; global $wpdb; $result = $wpdb-get_var(' SELECT[详细]
-
javascript简单实现checkbox的全选与反选
所属栏目：[模式] 日期：2018-09-15 热度：56
今天上网遇到有个网友在论坛问input的checkbox全选和反选的问题，顺手总结了一下，然后写了个简单的 jQuery checkbox全选反选插件，希望对大家有用。 如果是简单的实现checkbox的全选与反选可以使用下面的函数： function checkall(obj,cName) { var checkb[详细]
-
倒计时抢购JS代码，结束有提示已结束
所属栏目：[模式] 日期：2018-09-15 热度：104
自今年一批 团购 网站集中开建以来，仅几个月的时间，就先后涌现了大批团购网站。网络团购以低价、返利模式吸引消费者。 纵观这些团购网站都不难发现他们都是有很多共同之处，譬如在界面及前端设计方面就有很多相似之处。一般都有：诱人的超低价格，购买按[详细]
-
9 条 JavaScript 开发最佳实践
所属栏目：[模式] 日期：2018-09-15 热度：104
1、使用正确的 script 标签 如果你需要在 html 文档中使用一些 Java Script 代码，你应当通常会使用如下的 script 标签： script type=text/javascript //insert your code here /script但是在源代码中，以下这种标签写法随处可见： script type=text/java[详细]
