IE8、IE11浏览器对iframe内容加载完毕后的函数调用

最新推荐文章于 2024-04-23 19:29:15 发布

随遇而安的ly

最新推荐文章于 2024-04-23 19:29:15 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏：浏览器兼容文章标签： IE8 iframe加载

本文链接：https://blog.youkuaiyun.com/sinat_29247277/article/details/94716825

浏览器兼容专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种通过JavaScript动态创建iframe元素，并设置其src属性为后端提供的URL的方法。具体实现了在不同浏览器环境下（如IE8及以上）监听iframe加载完成事件，以便在iframe内容加载完毕后执行特定函数，如初始化设计属性。此外，还展示了后端如何响应前端请求，返回正确的iframe路径。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//动态创建iframe并引入其中内容
var ifm = document.createElement("iframe");
        ifm.id = "properties";
        ifm.scrolling = "no";
        ifm.src = url+"/pc/properties";

后台跳转路径

@RequestMapping(value = "/properties")
public String properties(HttpServletRequest request) {
    return "/engineeringManagement/model/propertiesIframe";
}

页面具体内容不再展示

if (ifm.addEventListener){//IE8以上浏览器支持
                ifm.addEventListener("load", function(){//IE8以上浏览器需要去掉on
                    initDesignAttr(projectId);//自己定义的函数
                },false);
            }else if (ifm.attachEvent){//IE8及以下浏览器支持
                ifm.attachEvent("onload", function(){//IE8及以下浏览器需要加on
                    initDesignAttr(projectId);//自己定义的函数
                });
            }

代码比较简单，请大家多多指正优化，谢谢