*、搞前端页面的同事问我在jsp页面的ready函数中调用的函数没有生效，因为该函数中还调用了其他函数，但是并非显示调用，但在load方法中却生效了，于是我向度娘虔诚的咨询了一下，得到了如下指引：
DOM文档的加载步骤：
1.浏览器会先解析静态的html结构如head body等html标签
2.当html结构加载完成我们需要渲染页面使其美观，因此此时需要加载各种样式表文件。
3.然后再解析并执行页面上 的js脚本代码。
4.构造html DOM对象，也就是 ready 操作
5.加载html和css中引用的外部资源文件如其他j脚本文件。
6.页面加载完成(load操作)，js进行一些事件的绑定和处理。
以上总结应该还有出入，待有时间再深入研究~
相关推荐
ready是在DOM加载完成就触发；load是在加载完所有页面内容才会触发，下为大家简要介绍下，不知道的朋友可以参考下
一般情况下一个页面响应加载的基本顺序是：域名解析 -> 加载html -> 加载js和css -> 加载图片等其他信息。 那么我们在编写JS脚本时什么情况下使用$(document).ready()又在什么情况下使用$(window).load呢，我们先来...
所以不要在$(document).ready()里绑定load事件，因为jQuery会在所有DOM加载完成后再绑定load事件。因此，使用load方法时尽量把load方法写在页面顶部。调用load方法的完整格式是：load( url, [data], [callback] ), ...
加载外部脚本和样式表文件。解析并执行脚本代码。构造HTML DOM模型。加载图片等外部文件。页面加载完毕。 也就是：html → head → title → #text(网页标题) → style → 加载样式 → 解析样式 → link → 加载外部...
使用此扩展可以深入了解URL的平均加载时间，包括“DomContent Ready”和“onLoad”事件的时间。 使用Chrome开发人员工具可以轻松地测试页面的加载时间，但是要真正了解页面的行为可能会更加困难。 对于动态内容和高...
所有包括在$(document).ready()里面的元素或事件都将会在DOM完成加载之后立即加载，并且在页面内容加载之前。 If you want an event to work on your page, you should call it inside the $(document).ready() ...
[removed] = function(){ ... 相似，不同的是onload()的方法是在页面加载完成后才发生，这包括DOM元素和其他页面元素（例如图片）的加载，因此，使用document.ready()方法的执行速度比onload()的方法要快。 Javasc
他们的区别就是，ready是在DOM的结构加载完后就触发，load是在页面内包括DOM结构，css，js，图片等都加载完成后再触发，显然ready更适合作为页面初始化使用。但有时候也不尽然。需要进一步查看其内部机制。 那么...
用过JavaScript的童鞋，应该知道window对象和document对象，也应该听说过load事件和ready事件，小菜当然也知道，而且自认为很了解，直到最近出了问题，才知道事情并不是那么简单。 首先说说window和document，直观上...
想要添加这个效果，先来弄明白页面的加载和事件执行顺序，看这个简单例子： <html xmlns="http://www.w3.org/1999/xhtml"> <head > <meta http-equiv="Content-Type" content="text/html; charset=...
$(document).Ready()方法 VS OnLoad事件 VS $(window).load()方法 接触JQuery一般最先学到的是何时启动事件。在曾经很长一段时间里,在页面载入后引发的事件都被加载在”Body”的Onload事件里. 对于Body的Onload事件...
复制代码代码如下: [removed] $(document).ready(function() { $(“#button”).click(function() { $(“#content”).load(“index.jsp”); }); }); [removed] 只要代码就是这么多，其中#button就是一个button的id，...
但load事件是要在页面的元素全部加载完了才触发的,如果页面上图片较多或图片太大,就会导致初始化的代码未被执行的时候用户就做了其它操作了. Jquery库提供了一个非常方便好用的函数( $(selector).ready()),让我们...
浏览器加载完DOM后，会通过javascript为DOM元素添加事件，在javascript中，通常使用[removed]()方法。...如果想要网页所有内容（包括图片等）加载完毕，再注册事件，使用$(window).load(function); 等价于wi
* 3 参数 完成 执行优先级 可选 ready 默认 html 载入完毕就执行 load ＝ 页面所有数据载入完毕才执行 * * * 2013-04-14 开始写广告延迟加载代码 * 2013-11-13 更新直接执行html js * 2013-11-14 更新
使用此扩展名可以深入了解URL的平均加载时间，包括“ DomContent Ready”和“ onLoad”事件的时间。 使用Chrome开发人员工具可以轻松地测试页面的加载时间，但是要真正了解页面的行为可能会更加困难。 对于动态内容...
$(document).Ready()方法 VS OnLoad事件 VS $(window).load()方法 接触JQuery一般最先学到的是何时启动事件。在曾经很长一段时间里,在页面载入后引发的事件都被加载在”Body”的Onload事件里. 对于Body的Onload...
$(document).ready()方法是在这个网页的DOM树加载完就可以执行的，而[removed]方法必须在DOM树加载完和图片都加载完才执行 如果使用jQuery我们想要在整个页面加载完在执行可以使用load()方法 下面两段代码的
jQuery有一个用来作为DOM快速载入javascript的得心应手的小函数，那就是ready… 他在页面加载完成之前执行。 （也许window.onload()能实现同样的功能，但是jQuery更加快速，灵活）。 $(document).ready(fn):当DOM...