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>

二.总结

随着现在科技的发展,技术的更新换代变得越来越快,对程序员的要求也是越来越高,需要懂后端开发的同时也需要不停的关注前端的发展,有时候更要参与到前端的开发中去,也许需要做的就是不断学习。


 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值