js 事件循环整理

最新推荐文章于 2025-07-24 23:04:02 发布

原创最新推荐文章于 2025-07-24 23:04:02 发布 · 198 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #事件循环

学习专栏收录该内容

50 篇文章

订阅专栏

把平时遇到的事件循环相关代码，整理在一起，方便更好的理解。

参考博文：
https://blog.youkuaiyun.com/duola8789/article/details/83314880

1. setTimeout 中的document.write

先看代码:

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>DOM加载顺序</title>
</head>

<body>
  <p>1</p>
  <script>
    document.write('2')
  </script>
  <p>3</p>
  <script>
    window.onload = function () {
      document.write('4');
      document.write('5');
      setTimeout(function () {
        document.write('8')
      }, 1000)
    };
    setTimeout(function () {
      document.write('6')
    }, 0);
    setTimeout(function () {
      document.write('7')
    }, 1000)
  </script>
</body>

</html>