欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  1尽量少使用全局查找,比如全局变量,如果要多次使用,可以将全局变量存为局部变量再使用
 
  eg:function(){
 
  varbody=document.body;
 
  alert(body):
 
  body.innerHTML="helloworld"
 
  }
 
  2.优化循环(1)减值循环i--(2)do-while比for循环快(3)简化循环条件比如循环条件少计算
 
  3Dom层-最小化现场操作,
 
  就是比如新增很多dom可以先for循环创建个整体的dom碎片然后再一次性添加进去会比一个个dom添加要快
 
  varlist=document.getElementById("mylist");
 
  varframent=document.createDocumentFragment();
 
  for(vari=0;i<10;i++){
 
  varitem=document.creatElement('li')
 
  frament.appendChild(item)
 
  }
 
  list.appendChild(frament)
 
  4Dom层--少使用HTMLCollection
 
  比如循环中获取dom的length
 
  varimages=document.getElementsByTagName('img')
 
  for(i=0,len=images.length;i<len;i++){
 
  }
 
  这样就不用总访问images的HTMLCollention
 
  会访问HTMLCollention的一些情况
 
  (1)进行了getElementsByTagName()调用
 
  (2)获取了元素的childNodes属性
 
  (3)获取了元素的attributes属性
 
  (4)访问了特殊的集合如documet.forms,document.images

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h56626.shtml