gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-03 22:29:04 26 4
gpt4 key购买 nike

<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/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com