页面延时1秒加载a.js。 在a.js中怎样等待主页面加载完成后执行一段代码?

页面延时1秒加载a.js。 在a.js中怎样等待主页面加载完成后执行一段代码。

<!DOCTYPE html>
<html>
  <head>
    <title>Delayed JavaScript Loading</title>
  </head>
  <body>
    <h1>Delayed JavaScript Loading Example</h1>

    <script>
      setTimeout(function() {
        var script = document.createElement('script');
        script.src = 'a.js';
        document.body.appendChild(script);
      }, 1000); // 10秒钟的延迟时间
    </script>
  </body>
</html>

a.js中用onload是没效果的。

window.onload = function() {
  console.log("123");
};
阅读 922
2 个回答

用 DOMContentLoaded 事件试试:

function myFunction() {
  console.log("页面已加载完毕,执行代码");
}

if (document.readyState === 'loading') {
  document.addEventListener('DOMContentLoaded', myFunction);
} else {
  myFunction(); // DOMContentLoaded 已触发
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏