【问题标题】:Link css file after main content is loaded and parsed主要内容加载解析后链接css文件
【发布时间】:2015-03-23 13:16:00
【问题描述】:

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

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

关于 Javascript 的同样问题。

【问题讨论】:

  • 只需使用 JavaScript 在文档中插入一个<style> 标签。
  • 但是你必须在这个外部样式表中添加大量规则才能让它变得有价值。

标签: javascript html css web webpage


【解决方案1】:

没有尝试过,但是如果您可以在 DOM(DHTML 样式)中注入任何内容,您可以注入带有您喜欢的样式 url 的链接标签。未经测试,但理论上它应该可以工作。

看看: Add a link stylesheet dynamically in the <head>

希望这能回答你的问题

【讨论】:

    【解决方案2】:

    您可以在页脚 HTML 之后使用 @import 标签

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2012-08-02
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多