现在有一段动态获取的前端代码,想要放到页面中去加载。
那么使用 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);
1
Takamine 2019-06-10 23:57:08 +08:00 via Android
是我的话,我会用第二种。
难道因为我是后端吗 23333。(。ò ∀ ó。) |
2
ysc3839 2019-06-11 05:23:43 +08:00 via Android
具体应该看内容的,append 一般用于不是一个完整页面的情况吧,可以直接复用当前页面的 css。
|
3
xizon 2019-06-18 09:49:51 +08:00
感觉能避免 iframe 尽量避免~ 也可以考虑 ajax 异步的方法,如果动态输出的内容包含了 html 结构,可以考虑使用模板引擎,比如 template7,具体看情况咯
|