javascript - 脚本标签内的 HTML？

Question

是否可以将通常在脚本中的正文标记之间找到的内容放入其中？

甚至像图像:

<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>

Answer 1

如果您需要混合脚本和 HTML(我强烈不推荐)，您可以将单独的脚本 block 与该 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()方法。