脚本标签内的HTML？ [复制]答案

【问题标题】：Html inside script tags? [duplicate]脚本标签内的HTML？ [复制]
【发布时间】：2014-02-21 10:33:27
【问题描述】：

是否可以将通常在正文标签之间找到的东西放在脚本中？

甚至像一张图片：

<img src="url" alt="some_text">

我可以在<script> <img src="url" alt="some_text"> </script> 中有那个

我希望用户能够复制类似的内容：

<script type="text/javascript" src="script.js"></script>

它也将包含 html 代码，甚至类似：

<script type="text/javascript" src="script.js"></script>
<script type="text/html" src="htmlstuff"></script>

【问题讨论】：

您正在寻找模板系统。
到底为什么需要在脚本标签中添加 HTML 标记？
你为什么要把 html 放在 script 标签中？如果要生成新元素，则需要使用 document.createElement("div") 之类的 JavaScript 函数
[看看这个问题！][1]也许你会发现一些有用的东西... [1]：stackoverflow.com/questions/5679220/…
不确定您的意思，但如果您只需要在屏幕上显示 html-tags，请使用 html 实体，即。 <脚本...> w3schools.com/html/html_entities.asp

标签： javascript html

【解决方案1】：

如果您需要混合脚本和 HTML（我强烈不推荐），您可以将单个脚本块与该 HTML 混合。例如

<script> 
   //some JS code goes here
</script>

<img src="url" alt="some_text">
some more HTML goes here
<script type="text/javascript" src="script.js"></script>
some more HTML goes here

<script> 
   //some JS code goes here
</script>

但同样 - 这是不好的做法。

如果您希望您的用户只是获取指向 JS 的链接并让它生成 HTML - 您的 JS 代码必须以编程方式生成该 HTML - 查找 document.createElement、element.appendChild 等。

请注意，如果您可以使用 jQuery - 在手动创建 DOM 元素以及加载完整 HTML（例如使用.load() 方法。

【讨论】：