在进行DOM优化时需要关注的问题有：修改DOM的时候，会引起页面的重排，重绘。因为JS是单线程执行的，那么在重排重绘的过程中可能会阻塞用户的操作。为了更好的用户体验，必须要严格控制这些操作。一、对象集合 NodeList当我们调用：getElementsByTagName，getElementsBy...
分类：
编程语言 时间：
2014-07-31 19:53:52
阅读次数：
220
function getInput() {
var inputs = document.getElementsByTagName("input"); //取得所有的input表单
for (var i = 0; i < inputs.length; i++) { //遍历所有的input表单
var inputNam...
分类：
其他好文 时间：
2014-07-26 02:01:26
阅读次数：
189
===DOM====
Document Object Model 文档对象模型
一组API.
作用:
1.修改标签属性
2.增加删除html文本中的标签
操作:
1.查找
方式1:使用id或者标签名,查找节点
document.getElementById("id值");
document.getElementsByTagName("标签名");
方式2:遍历
pare...
分类：
其他好文 时间：
2014-07-21 23:27:29
阅读次数：
272
一、PHP DOM1、 主要类： DOMDocument ：文档类—— $dom->new DOMDocument('1.0','gb2312') DOMNodeList ：节点列表类——$dom->getElementsByTagName('') DOMElement ：元素类——$d...
分类：
Web程序 时间：
2014-07-19 17:08:47
阅读次数：
254
var objs = document.getElementsByTagName("input");
for (var i = 0; i < objs.length; i++) {
if (objs[i].type.toLowerCase() == "checkbox" && objs[i].checked)
alert(objs[i].value);
}...
分类：
Web程序 时间：
2014-07-18 11:22:10
阅读次数：
218
1、定义一个函数//参数top为触发全选的checkbox对象function selAll(top) {var items = document.getElementsByTagName("input");//获取所有的input标签对象for ( var i = 0; i
分类：
Web程序 时间：
2014-07-18 08:07:30
阅读次数：
209
js防阻塞加载
function scriptDomElement (u) {
var s = document.createElement('script');
h = document.getElementsByTagName('body')[0];
s.src = u;
s.async = true;
if(h)h.appendChild(s,h.firstChild);
}
scriptDomElement('ht...
分类：
Web程序 时间：
2014-07-17 20:18:09
阅读次数：
328
原始方式： 大多数情况我们需要行为和结构分离，所以我们在html代码中加onclick代码是不合适的，解决方案：//dom0级事件绑定 再看看dom2级事件绑定：myform = document.getElementsByTagName('form')[0]; if (...
分类：
Web程序 时间：
2014-07-16 18:59:13
阅读次数：
332
var nodes = document.getElementsByTagName("script");var node = nodes[nodes.length - 1];var src = document.querySelector ? node.src : node.getAttribute...
分类：
编程语言 时间：
2014-07-16 17:07:50
阅读次数：
188
3种事件模型：原始事件模型DOM事件模型IE事件模型原始事件模型（0级事件模型）1、事件处理程序被定义为函数实例，然后绑定到DOM元素事件对象上，实现事件的注册。例子：varbtn=document.getElementsByTagName("input")[0];btn.onclick=function(){函数体....}2、也可以把特定的..
分类：
Web程序 时间：
2014-07-13 15:04:39
阅读次数：
208
