1

使用 Javascript 加载 CSS 文件有哪些缺点\优点？

这就是我问的原因，我有一个模仿物理 A4 肖像页面的 div。并且 CSS 加载完美，没有问题。但是假设我想做一个公司信头类，所以它基本上看起来和 A4 页面一模一样，但是在页面顶部添加了公司徽标，我知道我不能用 css 来做到这一点，它纯粹的样式，但是如果我要使用 javascript 加载 css 链接，然后根据其类名自定义页面，我知道我可以实现这一点....

所以我的问题：加载并自定义所有必要的东西 2. 在那个 defaultstyles.js 文件中，我想在必要页面的顶部自动添加带有公司徽标的图像标签。

用 javascript 加载 css 有什么缺点\优点吗？

提前致谢

编辑：只是为我的困境添加更多细节，这就是我所拥有的

当前的：

  1. 一个 div 的页面，其 className 为“A4Portrait”
  2. 链接到自定义“A4Portrait”类的页面的 defaults.css。
  3. 顶部带有公司徽标的图像标签，用于模仿信笺抬头

建议的

  1. 使用在页面加载时运行并自定义所有必要内容的 javascript 文件（比如说 defaultstyles.js）加载所有样式

  2. 在该 defaultstyles.js 文件中，我想在相应的 div 中自动添加带有公司徽标的图像标签。

笔记

我不是在问怎么做，我已经知道了，只是按照建议的方式做的优点和缺点

4

1 回答 1

1

我建议将用于信头的 css 放在包含所有其余样式的同一文件中。

用 js 加载 css 的缺点是会创建不必要的 http 连接。而且它会慢得多，因为您必须等待页面加载才能运行 js。

编辑：我想提到优势是公平的：另一方面，这取决于。如果您的信头 css 很大（我对此表示怀疑）并且很少使用信头样式（仅在打印等时），那么使用 js 加载额外的 css 可能会很有用。但是您只会获得一点带宽，并且由于它是 Intranet 站点，因此 CSS 可能无论如何都会在缓存中，因此可能不值得付出努力。

自从我阅读更新后的问题以来的另一个编辑：如果您使用 js 添加图像标签，则上述所有内容都适用，除非这不会导致更多的 http 连接。

于 2013-07-30T09:13:22.940 回答