如何使用iframe与_window.onload

这篇文章主要讲解了"如何使用iframe与_window.onload"，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习"如何使用iframe与_window.onload"吧！

前言

在项目上，需要等页面加载完之后再执行一个方法用于修改页面的颜色，于是导出都是在使用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于是就去搜了一下。

什么是iframe

HTML内联框架元素 (