DOM 是载入到浏览器中的文档模型，以节点树的形式来表现文档，每个节点代表文档的构成部分
让客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户，将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴，公司提供的服务项目有：域名与空间、虚拟主机、营销软件、网站建设、耀州网站维护、网站推广。
Document 接口表示任何在浏览器中载入的网页，并作为网页内容的入口，也就是DOM 树。DOM 树包含了像 body 、table 这样的元素，以及大量其他元素。它向网页文档本身提供了全局操作功能，能解决如何获取页面的 URL ，如何在文档中创建一个新的元素这样的问题。
这是Document的概念，依此判断，$(document).on()是在DOM载入后执行的
并非是页面加载完后才执行
这也是VUE、React等能够使用虚拟DOm来渲染客户端最后页面呈现的不同样式的原理之一；
数据加载完成执行：
$(window).load(function(){
//要执行的方法体
});
进入页就执行，不论等数据是否加载完成
$(document).ready(function(){
})
这个还可以简写成
$(function(){
});
更多内容，可以参考 ;
这里还有一个比较全面的分析：
iframe的内容加载完成之后触发方法如加载特定代码：
判断iframe是否加载完毕：
//创建ifame对象
var iframe = document.createElement("iframe");
//设置ifame对象src属性
iframe.src = "xxx";
if (!/*@cc_on!@*/0) { //如果不是ie
iframe.onload = function(){ 加载
alert("Local iframe is now loaded.");
};
} else {
iframe.onreadystatechange = function(){
if (iframe.readyState == "complete"){ 完成状态判断
alert("Local iframe is now loaded.");
}
};
}
document.body.appendChild(iframe);
用以上方法判断后就可以执行相应的代码了
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（ 或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。 jQuery的模块可以分为：入口模块、底层支持模块和功能模块。其核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等
jquery加载页面的方法，即：页面加载完成就执行，有如下几种：
1、jQuery的$(document).ready
$(document).ready(function(){
$("#a").click(function(){
//adding your code here
});
});
就仅仅只需要加载所有的DOM结构，在浏览器把所有的HTML放入DOM tree之前就执行js效果。包括在加载外部图片和资源之前。
2、ready事件的简写方法
$(function(){
$("#a").click(function(){
//adding your code here
});
});
此方法就仅仅只需要加载所有的DOM结构，在浏览器把所有的HTML放入DOM tree之前就执行js效果。包括在加载外部图片和资源之前，是ready的简写方式
3、window的onload事件
window.onload = function(){
$("#a").click(function(){
//adding your code here
});
}
这段代码会在整个页面的document全部加载完成以后执行。这种方式不仅要求页面的DOM tree全部加载完成，而且要求所有的外部图片和资源全部加载完成。如果外部资源，例如图片需要很长时间来加载，那么这个js效果就会让用户感觉失效了。
亲,js中的window.onload是等页面加载完所有的元素，包括图片等等资源要全部加载成功后才执行，而jq的是加载完dom元素就可以执行了，比如一个,js一定要加载好这张图片，里面的js代码才会执行，而jq可以只加载这个标签后里面的js代码就可以执行了(此时这张图片可能还没有下载好)
$(document).ready()方法和window.onload()方法有相似的功能，但是在执行时机方面是有区别的。Window.onload方法是在网页中所有的元素(包括元素的所有关联文件)完全加载到浏览器后才执行，即javascript此时才可以访问网页中的任何元素。而通过jQuery的$(document).ready()方法注册的事件处理程序，在DOM完全就绪时就可以被调用。此时，网页中的所有元素对jQuery而言都是可以访问的，但是，这并不意味着这些元素关联的文件都已经下载完毕。
