js检测iframe的状态，判断iframe

iframe加载成功失败标志

可以根据运行情况来判断，正常运行就是成功，不正常运行就是失败。 如果运行失败就可以用js来进行更正修复。js的每个elem节点都会拥有一个iframe事件，这个事件每次在elem内容发送变化的时候触发。

iframe加载通过onload来实现加载完毕有1个contentDocument可以做操作，获取iframe之后再获取它的这个属性即可。

在子窗口内放一个js当加载完毕的时候，子窗口可以调用父窗口的函数通知父窗口。用parent.fn()，fn是你要调用的函数。

加载延迟：当页面中嵌入的iframe内容较多或者依赖外部资源加载时，可能会导致加载延迟，造成页面白屏。这可能是因为网络连接较慢、服务器响应时间长或者外部资源文件较大等原因。

需要在iframe请求外部资源的时候，需要显示一个loading，在加载完成后，将这个loading隐藏掉。一个Iframe框架首页，嵌套使用了2个iframe标签。即在第二个ifame发出请求后，会出现IE浏览器进度条停不下来，一直处于loading的状态。

相关问答

Q1: 用js动态添加了一个iframe,无法访问iframe页面的方法急

大意为：未捕获的安全错误：阻止了一个域为null的frame页面访问另一个域为null的页面。因为你是在本地打开的，跨页面操作涉及域的概念（origin），所以会出现这个错误。若是你放在服务器上，就不会出现这个错误了。

这是被服务器拦截了，不允许插入iframe，不管你如何做，都是不能访问的，除非你在服务器上解除限制。

浏览器认为不安全。在页面中用到了iframe标签，有时在浏览器中并不能完全显示iframe，导致有些iframe内的内容不能被显示，这种情况是因为浏览器认为不安全，使用以下js可以解决大多数问题。

直接使用：parent.formTextBoxvalue；即可。其中，form1为包含TextBox1的窗体。

实现iframe内部页面直接调用该iframe所属父窗口自定义函数的方法。

Q2: js能否判断别人的页面是否支持iframe内嵌

top.location.href = index.html；判断当前页面如果不是最外面一层（即当前页面在iframe中）就跳转到index.html页面。你那一段代码我看了一下。

第检查对方友情链接区域是否是使用iframe调用。王顶胜曾经在指导好上好这个网站时详细讲到。百度对iframe标签是不抓取的，所以这样的友链交换了也是没用的。查看方法：看对方源码，友情链接区域是不是有iframe标签。

解决办法是：用js判断页面是否被嵌套，用js计算iframe在父窗体位置，锚点在firame中的位置，两者相加成为父窗体的滚动。

可以的。只要两个页面有一定的关系，无论是通过iframe，还是frameset，甚至是window.open，超链接等等方式，都可以让两个页面之间的js互相调用。注意，是互相调用，也就是说，两者谁都有办法调用另一个的js代码。

Q3: Jquery怎么等到iframe的内容加载完成之后再执行代码?

1、(function(){})； 放在这里面的代码肯定要等页面加载完才执行了，要用jquery必须要等它的jquery.js这个100K+的文件加载完。当然，不等页面加载完，像$(#id)就获取不到id为id的元素。

2、使用当前页面的location去做下载是不对的，你可以使用iframe。

3、通过ready()方法，在页面加载成功后，执行function方法。在function方法内，使用setTimeout定时器，在2秒后通过id获得span对象，使用css()方法将其文字颜色设置为红色。最后在浏览器打开test.html文件，查看结果。

4、首先建立一个父级页面parent.html，代码如图，一个pop函数方法，一个链接到child.html的iframe标签。

5、把语句代码放在window.onload函数里面 例如这段代码，虽然script标签没有在最下方，但javascript语句放在了window.onload里面，所以可以在文档加载完成后执行。

6、可以在js全局代码中，增加一个变量n，用作计数器，表示总图片数。然后使用图片的onload事件，每成功加载一次图片，将计数器n减去1 当n变成0时，表示图片均加载完毕，这时即可开始执行其他JS代码。

Q4: 如何通过JS判断iframe域名,非指定域名跳转到指定域名

1、每个“窗口”都是一个JS Runtime，即JS的运行时。如果只有一个窗口，那么就只有一个Runtime；如果一个窗口下面还有一个iframe，那么就有两个Runtime；以此类推。Runtime之间互操作（或者通信）是有跨域限制的。

2、B域名设置URL跳转，直接跳转到A域名。如果B域名的解析服务没有URL跳转功能，可以改用DNSPOD，转入DNSPOD后一个月就可以设置域名URL跳转了。

3、这段代码首先使用 document.getElementById 方法获取指定 id 的 iframe 元素，然后使用 iframe.src 属性获取 iframe 的地址，并将其存储在 iframeSrc 变量中。最后，使用 console.log 函数将地址输出到控制台。

4、最后，使用 console.log 函数将地址输出到控制台。需要注意的是，如果 iframe 的地址来自外部域名，则会受到同源策略的限制，不能直接获取其内容。但是，可以使用 postMessage 方法来进行跨域通信，从而获取 iframe 的地址。

Q5: iframe结构里,父窗口怎么知道子窗口是否加载完毕

1、iframe加载通过onload来实现加载完毕有1个contentDocument可以做操作，获取iframe之后再获取它的这个属性即可。

2、我大概看懂了，我认为提交前的页面和显示三秒的页面是两个页面，再没提交前无论怎么操作都不能出现三秒的页面，所以在设计时不能共享一个页面或者说不能把两个页面的功能混淆在一起。

3、就能屏蔽掉鼠标事件了，再把焦点设置下，不要在某个输入框内，就不能输入了。这样就不存在点击菜单的问题了 如果你只是想对iframe的子页面锁屏，那只用div盖住子页面的区域就行了。不知道能不能解决你的问题。

关于js检测iframe的状态和判断iframe的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。