jQuery加载页面小结

前言:在日常前端开发的过程当中,常常需要在加载完页面的同时加载js文件,正好遇到这个问题,查阅了相关资料,做了一个小小的总结,错误之处,还请多多指正。
一.方法
1.这种方法很明显是用了jQuery框架,它的最大的优点就是执行js效果快,原因是浏览器加载完DOM结构之后就会执行js效果,包括在所有的HTML放入DOM tree和加载外部图片、资源之前。
<script type="text/javascript">
    $(document).ready(function(){
     $("#a").click(function(){
    //adding your code here  
      });
    });
</script>
2.这是上面这种jQuery方法的简写模式,从代码的简洁以及为程序员减轻负担的方面考虑(程序员也是人。。。)建议用这种方法,优点当然跟上面一样的。
<script type="text/javascript">
    $(function(){
     $("#a").click(function(){
    //adding your code here
     });
    }); 
</script>
3.这是原生js的方法,但是最大的缺点就是执行效果慢,特别是有大量外部资源的时候,例如图片需要很长时间来加载,原因是浏览器会加载整个页面的document全部加载完成以后执行,包括所有的外部图片和资源,不过现在的用原生的js基本不多见了,所以这种方法也就基本不怎么用了。
<script type="text/javascript">
    window.onload = function(){ 
    //adding your code here
    }
</script>
二.总结
随着现在科技的发展,技术的更新换代变得越来越快,对程序员的要求也是越来越高,需要懂后端开发的同时也需要不停的关注前端的发展,有时候更要参与到前端的开发中去,也许需要做的就是不断学习。



猜你喜欢

转载自blog.csdn.net/hy_coming/article/details/78343934
今日推荐