jquery和js的几种页面加载函数的方法以及执行顺序

摘要:
不仅需要完全加载页面的DOM树,还需要完全加载所有外部图像和资源。至于jquery方法,您只需要在浏览器将所有HTML放入DOM树之前加载所有DOM结构并执行js效果。

参考博客:http://www.cnblogs.com/itslives-com/p/4646790.html

       https://www.cnblogs.com/james641/p/7838373.html

执行顺序:A>B>C>D>E

$(function()
{
    alert("A");
});

$(document).ready(function(){
    alert("B");
});

jQuery(function($) {  
    alert("C");  
});

function loads(){
    alert("D");
};

window.onload=function(){
    alert("E");
};

  小结:

  window.onload = function() {}这个JS函数会在整个页面的document全部加载完成以后执行。

    不仅要求页面的DOM tree全部加载完成,而且要求所有的外部图片和资源全部加载完成。

  至于jquery的方法,仅仅只需要加载完所有的DOM结构,在浏览器把所有的HTML放入DOM tree之前就执行js效果。包括在加载外部图片和资源之前。  

  

  故推荐使用$(function(){});这第一种方法来加载页面

免责声明:文章转载自《jquery和js的几种页面加载函数的方法以及执行顺序》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇用javaweb写一个注册界面,并将数据保存到后台数据库(全部完成)(课堂测试)Unity编辑器-创建单独编辑框,折叠框,提示框下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Downloading jQuery 3.2.1

Downloading jQuery Compressed and uncompressed copies of jQuery files are available. The uncompressed file is best used during development or debugging; the compressed file saves...

【js】了解前端缓存,收获不止于此!

了解前端缓存,收获不止于此! 这次我们来讲一下关于前端缓存的问题。感谢赵欢同学提供doc素材。 首先,开局我画了一张图,你会对文章有一个大局了解。 今天讲的是前端缓存。 前端缓存有3大种:如图,分为HTTP缓存、浏览器缓存、应用程序缓存。 HTTP缓存我们先来看HTTP缓存:(做下了解) 分为强缓存与协商缓存。 首先看强缓存: 强缓存之Expires...

Android WebView 支持H5的定位Js

1 //启用数据库 2 webSettings.setDatabaseEnabled(true); 3 String dir = this.getApplicationContext().getDir("database", Context.MODE_PRIVATE).getPath(); 5 //启用地理定位 6 webSe...

怎么在vue中引入layui

新项目想用layui框架,学习了把前辈是怎么引入layui的,这里记录下 1.index.html要引入layui.js文件 <script src="/static/layui/layui.js" type="text/javascript" charset="utf-8"></script> 2.main.js文件要配置好lay...

ES6新特性:使用export和import实现模块化

  在ES6前, 前端就使用RequireJS或者seaJS实现模块化, requireJS是基于AMD规范的模块化库,  而像seaJS是基于CMD规范的模块化库,  两者都是为了为了推广前端模块化的工具, 更多有关AMD和CMD的区别, 后面参考给了几个链接;    现在ES6自带了模块化, 也是JS第一次支持module, 在很久以后 ,我们可以直接...

(转)Arcgis for Js之鼠标经过显示对象名的实现

http://blog.csdn.net/gisshixisheng/article/details/41889345 在浏览地图时,移动鼠标经过某个对象或者POI的时候,能够提示该对象的名称对用户来说是很实用的,本文讲述在Arcgis for Js中,用两种不同的方式来实现该效果。 为了有个直观的概念,先给大家看看实现后的效果: 百度地图的效果 效果...