gpt4 book ai didi

javascript - 在js之前加载css文件

转载 作者:行者123 更新时间:2023-11-28 04:04:15 25 4
gpt4 key购买 nike

我有一个内部风格,然后是一个外部风格。我注意到页面是空白的,直到外部 css 没有加载。所以我将其更改为以下代码。现在外部的css请求是在js之后发出的。

为什么要进行上述操作以及我如何在 js 之前发出 css 请求。它有什么优点吗(下面代码中的 js 之前的 css)。

<body>
<style>

body {
background: #333;
}
</style>
<script>
var headHTML = document.getElementsByTagName('head')[0].innerHTML;
headHTML += '<link type="text/css" rel="stylesheet" href="build/main.css">';
document.getElementsByTagName('head')[0].innerHTML = headHTML;
</script>

<!-- The polyfills js is generated during the build process -->
<script src="build/polyfills.js"></script>

最佳答案

在主体加载时调用的函数中使用 setTimeout。

<body onload="loadPage()">

JS

function loadPage() {
//code to load css
setTimeout(function() {
//code to load js
}, 1);
}

我认为这行得通。希望对您有所帮助。

关于javascript - 在js之前加载css文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43032824/

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