加载和解析主要内容后的链接css文件

Link css file after main content is loaded and parsed

本文关键字：链接 css 文件和解加载更新时间：2023-09-26

有没有办法链接到外部css文件，但只有在网站的主要部分已经加载时才下载和解析它？

网站的页脚就是这种情况，其 css 不应延迟页面主要部分的加载。我知道我可以在HTML代码中内联css代码，但是为了使代码井井有条，我宁愿不这样做。使用php包含的唯一方法是这样做吗？

Javascript也有同样的问题。

没有尝试过，但如果你可以在 DOM（DHTML 风格）中注入任何东西，你可以注入一个带有你喜欢的样式 url 的链接标签。未经测试，但理论上应该可以工作。

看看：在<头中动态添加链接样式表>

希望这能回答你的问题

您可以在

页脚 HTML 后使用@import标记

<!--  start footer  -->
<!--  end footer  -->
<style type="text/css">
  @import url("css/footer.css");
</style>
</body>
</html>