<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>
我是一名优秀的程序员,十分优秀!