我想先在HTML中加载特定的样式表，然后再加载其他sylesheet和正文。 怎么做？
[英]I want to load specific stylesheet first in Html before other sylesheets and body loads. How to do it?
问题描述
<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 -->
Here how can I load style1.css and jsstyle1.js first before other stylesheet and elements in body tag loads ? 
在这里，如何在加载其他样式表和body标签中的元素之前先加载style1.css和jsstyle1.js？
1 个解决方案
解决方案1
3 已采纳 2018-03-27 23:00:16
Linked stylesheets will never be loaded before the <body> contents. 链接的样式表永远不会在<body>内容之前加载。 If you want to load some CSS before the body is rendered, you have to put it in a <style> tag inside the <head> . 如果要在渲染正文之前加载一些CSS，则必须将其放在<head>内的<head> <style>标记中。
Same goes for the script. 脚本也是如此。 Plus, in your example, you put the <script> tags after the <body> tag, which means the browser won't even start loading them until it finished rendering the <body> . 另外，在您的示例中，您将<script>标记放在<body>标记之后，这意味着浏览器甚至在完成渲染<body>之前都不会开始加载它们。 If you want your script to be immediately parsed and executed, you have to put the actual JS code in a <script> element in your HTML markup, again before any content inside the <body> . 如果要立即解析和执行脚本，则必须将实际的JS代码放在HTML标记的<script>元素中，再次在 <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>
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.