<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> 之前加载内容。如果你想在渲染主体之前加载一些 CSS，你必须把它放在 <style> 中。 <head> 内的标签.
脚本也是如此。另外，在你的例子中，你把 <script> <body> 之后的标签标记，这意味着浏览器在完成 <body> 渲染之前不会开始加载它们.如果你想让你的脚本立即被解析和执行，你必须将实际的 JS 代码放在 <script> 中。 HTML 标记中的元素，在 <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>
关于javascript - 我想在其他样式表和正文加载之前首先在 Html 中加载特定样式表。怎么做？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49523627/