您的位置:首页 > Web前端 > JavaScript

javascript最佳实践

2013-08-05 19:21 295 查看
1."javascript:"伪协议

2.平稳退化

<a href="http://www.cnblogs.com/anyboo" onclick="popUp(this.href);return false;">Example</a>

3.向CSS学习——结构与样式的分离

4.渐进增强

  CSS 代码负责提供关于“表示”的信息,Javascript代码负责提供关于“行为”的信息。

5.分离Javascript

  element.event = action ...

  getElementById(id).event = action

var links = document.getElementByTagName('a');

  for(var i = 0;i<links.length;i++){

    if(links[i].getAttribute('class') == 'popup'){

      links[i].onclick = function(){

        popUp(this.getAttribute('href'));

        return false;

       }

     }

   }


View Code
6.向后兼容 对象检测

if(method){

  statements

}

7.减少DOM访问和标记使用 合并和放置脚本 压缩脚本
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: