首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX  ›  程序员

想要把一段前端代码动态加载到页面中是直接 append 元素还是放到 iframe 框架中?着急在线等!

  •  
  •   rizon · 5 天前 · 624 次点击

    现在有一段动态获取的前端代码,想要放到页面中去加载。
    那么使用 iframe 然后 write 内容,还是直接在页面 append 一个元素?
    这两种方式哪种比较好?各有什么利弊??


    使用 iframe

    iframe = document.createElement('iframe');
                iframe.setAttribute('frameborder', '0');
                iframe.setAttribute('id', '123');
                iframe.setAttribute('width', '100%');
                iframe.setAttribute('height', '100%');
                document.getElementById("templateBody").appendChild(iframe);
                iframe.contentDocument.open();
                iframe.contentDocument.write(value);
                iframe.contentDocument.close();
    

    append 到页面

    $('#templateBody').html(value);
    
    2 回复  |  直到 2019-06-11 05:23:43 +08:00
        1
    Takamine   5 天前 via Android
    是我的话,我会用第二种。
    难道因为我是后端吗 23333。(。ò ∀ ó。)
        2
    ysc3839   5 天前 via Android
    具体应该看内容的,append 一般用于不是一个完整页面的情况吧,可以直接复用当前页面的 css。
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   819 人在线   最高记录 5043   ·  
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 18ms · UTC 22:31 · PVG 06:31 · LAX 15:31 · JFK 18:31
    ♥ Do have faith in what you're doing.
    沪ICP备16043287号-1