window.onload与$(document).ready

  • window.onload = function(){ }是js中的代码;
  • $(document).ready(function(){ })是jQuery中的方法

  • window.onload在页面所有元素(包括所有关联文件)完全加载完成后才执行。
  • $(document).ready在DOM完全就绪时就可以被调用,但此时可能相关联的文件还没有下载完毕。

jQuery中应用在元素上的方法load(),可以在元素的内容加载完毕后被触发。


  • window.onload不能多次使用,后面声明的会覆盖前面的,这对于多文件都使用window.onload来说会很麻烦。
  • $(document).ready可以多次使用,其会在现有的行为上追加新的行为,这些行为会根据注册的顺序依次执行。

$(document).ready有简写方式:

$(document).ready(function{
//do something
})

//简写方式:
$(function(){
//do something
})

另外,$(document)也可以简写为$()。当$()不带参数时,默认参数为document。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容