使用JavaScript/jQuery将多行HTML插入iframe的正确方法

Correct method of inserting multi-line HTML into iframe using JavaScript/jQuery?

本文关键字：iframe 插入 方法 HTML JavaScript jQuery 使用      更新时间：2023-09-26

我有一些代码看起来像这样:

...
var html = "<div style='font-size: 2em; text-align: center;'>Some text here." +
    "<br /><br />" +
    "<ul>" +
       "<li>A bunch of text here</li>" +
       "<li>A bunch more text here</li>" +
    "</ul>" +
    "</div>";
iframeBody.innerHTML = html;
...

它看起来很丑，似乎可以有一个更干净的方式来插入所有的HTML到iframe的innerHTML属性。我不想完全改变这个iframe在应用程序中的加载方式，但如果可能的话，我也在寻找一个更简洁的解决方案。我是JavaScript/jQuery的新手，在谷歌上搜索了一大堆。似乎每个人都在说，只要使用"+"运算符，就可以收工了。我觉得像那样附加这么多字符串有点慢。

我曾经这样使用(但现在我不再使用了):

var html = "<div style='font-size: 2em; text-align: center;'>Some text here. 'n'
<br /><br /> 'n'
<ul> 'n'
    <li>A bunch of text here</li>'n'
    <li>A bunch more text here</li>'n'
</ul>'n'
</div>";
iframeBody.innerHTML = html;

你只需要把'n'放在行尾。它比以前省力。

我认为这个问题的答案是多种多样的。这取决于意见。这是关于编程经验的。
相关文章：