我想在其他样式表和正文加载之前首先在 Html 中加载特定的样式表。怎么做？

debugcn 发表于 Dev

哈里克里希南

<head>
<link rel="stylesheet" type="text/css" href="css/style1.css">
<link rel="stylesheet" type="text/css" href="css/style2.css">
<link rel="stylesheet" type="text/css" href="css/style3.css">
</head>
<body>
All elements
</body>
<script src="js/jsstyle1.js"></script>
<script src="js/jsstyle2.js"></script>

<!-- begin snippet: js hide: false console: true babel: false -->

这里如何在加载 body 标签中的其他样式表和元素之前先加载 style1.css 和 jsstyle1.js ？

马泰·萨弗兰卡

链接的样式表永远不会在<body>内容之前加载。如果你想在渲染 body 之前加载一些 CSS，你必须把它<style>放在<head>.

脚本也是如此。另外，在您的示例中，您将<script>标签放在标签之后<body>，这意味着浏览器在完成渲染<body>. 如果您希望您的脚本立即被解析和执行，您必须将实际的 JS 代码放在<script>HTML 标记的元素中，再次放在 .js 文件中的任何内容之前<body>。

<html>
<head>
    <style>
        /* Put contents of css/style1.css here */
    </style>
    <link rel="stylesheet" type="text/css" href="css/style2.css">
    <link rel="stylesheet" type="text/css" href="css/style3.css">
</head>
<body>
    <script>
        /* Put contents of js/jsstyle1.js here */
    </script>
    <script src="js/jsstyle2.js"></script>
 </body>
 </html>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。