在项目上，需要等页面加载完之后再执行一个方法用于修改页面的颜色，于是导出都是在使用onload解决，然而这并不能解决我遇到的问题，因为我发现，我项目上的页面仍然没加载，折腾了很久才知道，原来是因为项目使用了很古老的iframe来操作的，必须等iframe加载完之后才能执行方法，原因分析完了，接下来我再说说，传统的，原生JS是如何使用onload的。
网上很常见的方法
解释：window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
还有一种写法是
解释：等待body加载完成，就会执行loadBody()方法。在window和dom之后执行，总是最后执行。这里的onload函数会覆盖window.onload
上述内容并不能解决我的问题，于是我去查我不是很想用的jQuery的方法：$(document).ready，想着能不能用原生JS实现该方法
function ready(fn){
if(document.addEventListener){ //标准浏览器
document.addEventListener('DOMContentLoaded',function(){
//注销时间，避免重复触发
document.removeEventListener('DOMContentLoaded',arguments.callee,false);
fn(); //运行函数
},false);
}else if(document.attachEvent){ //IE浏览器
document.attachEvent('onreadystatechange',function(){
if(document.readyState=='complete'){
document.detachEvent('onreadystatechange',arguments.callee);
fn(); //函数运行
}
});
}
}
但是我发现我的项目上并没有任何变化，依然不能用在项目上，这我就发愁了，我突然想到，项目上用的iframe于是就去搜了一下。
什么是iframeHTML内联框架元素 (