JQuery-页面加载

DOM中页面加载

//DOM中监听页面加载完毕，是指页面中的标签、引用、文字、图片等都加载完毕

  //只执行后面一个，相当于重写

  window.onload = function(){

  console.log('DOM页面加载完了1');

 };

  window.onload = function(){

  console.log('DOM页面加载完了2');

 };

jQuery中页面加载

方法一：

//会报错，感觉像是引入的jQuery文件有问题

  // $(window).load(function(){

  // console.log('jQuery页面加载完了1');

  // });

  // $(window).load(function(){

  // console.log('jQuery页面加载完了2');

  // });

方法二：

  //这个又不报错了，执行了两次，比load方法先执行，指页面中基本的元素都加载完就会触发，比load方法加载的少

  $(document).ready(function(){

  console.log('页面加载完毕1');

 });

  $(document).ready(function(){

  console.log('页面加载完毕2');

 });

方法三：

  //和ready方法加载相同，谁放在前面先加载谁

  jQuery(function(){

  console.log('页面加载了')

 })

方法四：

  //同上

  $(function(){

  console.log('页面加载了哈哈哈')

 })