允许 HTML 吗？

【问题标题】：Html is <img src="<script>Some javascript</script>" > allowed?<img src="<script>Some javascript</script>" > 允许 HTML 吗？
【发布时间】：2014-03-19 11:08:56
【问题描述】：

下面的代码是否允许在 html 中使用？

<img src=<script>Some javascript</script> >

我知道我可以使用 setAttribute 在 javascript 中设置属性，但我想以不同的方式进行。

【问题讨论】：

您的要求是什么？
那不是有效的 HTML，所以：不。如果你可以用困难的方式来做，为什么要用简单的方法......？ :)
如果你想知道你不自己尝试一下吗？
可能重复stackoverflow.com/questions/116967/img-src-tags-and-javascript
您可以使用 JS 修改 src 属性，但不像您的示例中显示的那样。你真正想要达到的目标是什么？

标签： javascript html

【解决方案1】：

不，不是。它与有效的 HTML 相去甚远，您可以使用验证器进行检查。此外，将一个属性值作为文本；那里没有解释任何标签。

要在 JavaScript 中设置 HTML 元素的属性，可以使用 setAttribute 或直接分配给元素节点的属性（本例中为 src 属性）。

你并没有说明为什么你不会那样做，但是还有另一种方法，虽然它是老式的和有风险的：在你可以放置 img 元素的地方，你可以写

document.write('<img src=' + someVariable + ' alt="">');

也就是说，您将以序列化的形式生成整个 img 元素，然后由浏览器解析。

静态添加不在文档中的元素的更好方法是使用document.createElement，进行一些分配，然后将创建的元素添加到文档树中，例如使用合适元素的appendChild 方法。

【讨论】：