首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

【转】Firefox上iframe的onload事件有可能无法触发 作者:zhanglili

2012-11-22 
【转】Firefox下iframe的onload事件有可能无法触发 作者:zhangliliFirefox下,已经load的document,重新open再

【转】Firefox下iframe的onload事件有可能无法触发 作者:zhanglili

Firefox下,已经load的document,重新open再write一个iframe,则这个iframe的onload不会执行。

重现步骤

  1. 在页面中放置一个iframe,并注册一个onload处理函数。
  2. 在该处理函数中,打开iframe的文档流。
  3. 向文档流使用document.write写入一个iframe,这个iframe包含一个onload属性。
  4. 查看onload的处理函数是否执行。

期望结果

iframe的onload处理函数正确执行。

实际结果

第二层iframe的onload函数没有执行。

影响范围
  • Firefox?4.0

    示例代码
    <!DOCTYPE html><html><head>    <meta charset="utf-8" />    <title>我去你喵的</title></head><body>    <script>        var falsefunction if truevar document'<iframe src="about:blank" onload="alert(\'!!\');"><\/iframe>''</body>'</script>    <iframe src="about:blank" onload="load(this);"></iframe></body></html>

    解决方案

    需要向iframe的文档流写入数据的情况,通常出现在使用一个src为about:blank的iframe元素占位的情况下,因此外层iframe的onload事件没有太大意义。

    可以在iframe元素之后内联一段脚本以达到写入iframe的文档流的目的,通过document.getElementsByTagName('iframe')的最后一个获取该iframe元素。

    <!DOCTYPE html><html><head>    <meta charset="utf-8" />    <title>我去你喵的</title></head><body>    <iframe src="about:blank"></iframe>    <!-- 以下代替onload -->    <script>        var document'iframe'var 1var document'<iframe src="about:blank" onload="alert(\'!!\');"><\/iframe>''</body>'</script></body></html>

热点排行