繁体   English   中英

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

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

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

...
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的新手,并经历了一堆Google搜索。 似乎每个人都在说只使用'+'运算符并将其命名为day。 但是,对我来说,添加这么多字符串似乎很慢。

我曾经使用这种方式(但是现在我不再使用它了):

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\\ 与以前相比,它需要的精力更少。


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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM