欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  IT编程

通过javascript在iframe中加载html

程序员文章站 2024-01-26 22:32:58
在spring mvc中,虽然有时候,在控制器中设置返回值是json对象,但在拦截器出现错误的时候,仍然可能返回html(根据设置的不同),如果要展示这些html,最好把他们放入iframe中,以防这些html对现有页面造成污染. ......

在spring mvc中,虽然有时候,在控制器中设置返回值是json对象,但在拦截器出现错误的时候,仍然可能返回html(根据设置的不同),如果要展示这些html,最好把他们放入iframe中,以防这些html对现有页面造成污染.

let iframe = document.createelement('iframe');
iframe.style.width = "100%";
iframe.style.height = "100%";
if (!!window.activexobject || "activexobject" in window) {//判断是否是ie浏览器
    //对于ie,可以使用这种方式.同时,ie的iframe不支持srcdoc属性,这是唯一的方式.
    document.getelementbyid("somediv").appendchild(iframe);
    iframe.contentwindow.document.open();
    iframe.contentwindow.document.write("<body>我是html代码啦啦啦</body>");
    iframe.contentwindow.document.close();
}
else {
    //对于其他浏览器,直接设置srcdoc属性就可以了.而且,如果想设置iframe.contentwindow.document也是不可能拿的,因为iframe.contentwindow根据安全策略无法访问,
    iframe.srcdoc = "<body>我是html代码啦啦啦</body>";
    document.getelementbyid("somediv").appendchild(iframe);
}

 

上一篇： HTML 练习绑定onclick事件

下一篇： css公共库——简介中超过长度显示省略号

推荐阅读