为什么像Reddit这样的社交网站使用这种方法？

Question

查看Reddit用于添加其中一个按钮的内容：

<script type="text/javascript" src="http://www.reddit.com/button.js?t=2"></script>

此JavaScript会在页面中添加<iframe>，然后<iframe>会添加HTML代码。

为什么JavaScript不能直接添加HTML？

Answer 1

将按钮的标记和样式与网站自己的CSS规则隔离开来。

Answer 2

这种技术被称为JavaScript的不引人注意的链接。这是设计具有优雅降级的网页的良好实践之一。实际的HTML不包含对JavaScript的任何引用，并且JavaScript不应该导致任何内容操作。

将JavaScript包含在文件末尾的另一个原因是，网页可以显示而无需等待JavaScript完全下载。这是为什么CSS文件包含在开头的确切补充（以防止在设置样式之前显示内容。）