巧妙处理延迟加载脚本 a.js 的执行时机
如果您的网页延迟一秒加载脚本 a.js，并且希望确保 a.js 中的代码在主页面完全加载后执行，window.onload 方法可能无法满足需求。 更好的方案是利用 DOMContentLoaded 事件。
以下代码演示了如何使用 DOMContentLoaded 事件来确保代码在页面加载完成后执行：
<code class="javascript">function myFunction() {
console.log("页面已加载完毕，执行代码");
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', myFunction);
} else {
myFunction(); // DOMContentLoaded 事件已触发
}</code>
DOMContentLoaded 事件会在 HTML 文档完全加载和解析后触发，这比 window.onload 事件更早发生（window.onload 等待所有资源，包括图片和样式表，完全加载）。 因此，使用 DOMContentLoaded 可以更有效地确保代码在页面可交互状态下执行。
为了兼容旧版浏览器，可以使用以下代码：
<code class="javascript">document.addEventListener ? document.addEventListener('DOMContentLoaded', myFunction) : document.attachEvent('onreadystatechange', function() {
if (document.readyState !== 'loading') myFunction();
});</code>
这段代码利用了特性检测，确保在所有支持的浏览器中都能正确运行。
通过以上方法，您可以确保即使在延迟加载脚本的情况下，您的代码也能在页面加载完成后可靠地执行。
