高效http页面优化法则一很多人都认为JS的效率太慢了,都不愿意用js来实现相对困难一点的程序逻辑。在这里我要说的是其实js的效率并不慢,慢的是DOM,如果操作好DOM,你的js效率将提高接近千倍(这并不是什么夸张的数字)。1. 批量增加Dom:使用修改innerHTML的方式尽量使用修改inner...
分类:
Web程序 时间:
2015-05-24 21:40:37
阅读次数:
400
主要是分为两大类:IE、其它浏览器IE8以下只支持这种InputVoltage.innerText =xmlDoc.getElementsByTagName(id)[0].text,其它浏览器大部分兼容这种InputVoltage.innerHTML =xmlDoc.getElementsByTag...
分类:
Web程序 时间:
2015-05-22 23:46:53
阅读次数:
126
定时器代码:页面上会刷新时间,5秒钟后弹出框;varnum=0;varmax=5;varid=null;functionbox(){num++;document.getElementById(‘a‘).innerHTML=num;if(num==max){clearInterval(id);alert("时间到了");}}id=setInterval(box,1000);
分类:
Web程序 时间:
2015-05-21 19:56:18
阅读次数:
215
目的就是给页面的一个table进行多次赋值。1)第一版的代码 JO 信息 掃描時間 ...
分类:
Web程序 时间:
2015-05-21 12:27:45
阅读次数:
121
AngularJS指令 本指南中使用过的AngularJS指令:指令描述说明ng-app定义一个application的根元素。指令ng-bind将HTML元素的innerHTML绑定到application data。介绍ng-click定义HTML元素的click事件。事件ng-control....
分类:
Web程序 时间:
2015-05-21 06:33:43
阅读次数:
156
html()方法可以用来读取或者设置某个元素中的HTML内容,text()方法可以用来读取或者没置某个元素中的文本内容html()方法此方法类似于JavaScript中的innerHTML属性,可以用来读取或者设置某个元素中的HTML内容。要获取某个元素的内容,可以这样:var p_html = $...
分类:
Web程序 时间:
2015-05-18 18:51:16
阅读次数:
175
缓存DOM对象
在内存中操作元素
由于DOM操作会导致浏览器的回流,回流需要花费大量的时间进行样式计算和节点重绘与渲染,所以应当尽量减少回流次数。一种可靠的方法就是加入元素时不要修改页面上已经存在的元素,而是在内存中的节点进行大量的操作,最后再一并将修改运用到页面上。
一次性DOM节点生成
在这里我们每次都需要生成节点(document.createElement("li")),然后将其加入到内存片段中,我们可以通过innerHTML属性来一次性生成节点,具体的思路就是使用字符串拼接的方式,先生成相应的HT...
分类:
其他好文 时间:
2015-05-14 16:42:46
阅读次数:
119
源码:生成:functiontrans(html){varo=document.createElement('div'),t=document.createTextNode(html);o.appendChild(t);returno.innerHTML;}vartxt=trans('abc');a...
分类:
编程语言 时间:
2015-05-12 20:37:28
阅读次数:
195
1.获得特定元素的节点例如:var tab=document.getElementById("tab");tab.innerHTML="ww";如果页面中没有了id为#tab元素,浏览器会报错typeerror:tab is null所有要加一个判断,这样就不会报错了。if(tab){tab.inn...
分类:
Web程序 时间:
2015-05-12 18:47:16
阅读次数:
153
jquery选择器与js获取页面元素比较
我们以简单的例子说明,其中div的id为divT,如下所示
用js在div中内容输出代码如下:
window.onload=function(){
var myDiv = document.getElementById("divT");
myDiv.innerHTML = "这是个测试页面";
}
用jquery选择div...
分类:
Web程序 时间:
2015-05-12 09:20:03
阅读次数:
127