asynchronous - 在脚本标签之前的 html 标签上加载

Question

我正在尝试在加载页面上的某些元素时运行一个函数

   <img src="" onload="myfunction()">


   <footer>
    <script src="main.js"></script>
   </footer>

现在，问题是页面试图在加载js文件之前加载函数除了在标题中加载js文件之外，我还有其他解决方案吗？

标签： asynchronousonload

Answer 1

我有一个很小的函数，它只等到加载 JS 文件，然后在 JS 文件中调用该函数。例子：

<img src="" onload="stateCheck()">

<script>
let stateCheck = setInterval(() => {
  if (document.readyState === 'complete') { // could use = 'interactive' too
    clearInterval(stateCheck);
    myfunction()
  }
}, 100);
</script>

<script src="main.js"></script>