📜  Javascript 在窗口加载时加载 - Javascript (1)

📅  最后修改于: 2023-12-03 15:31:41.860000             🧑  作者: Mango

Javascript 在窗口加载时加载

在 Web 开发中,我们通常需要在页面加载时执行一些 JavaScript 代码。通常情况下,我们会使用 window.onload事件来实现这个功能。

基本语法
window.onload = function() {
  // 在这里写你的 JavaScript 代码
};

当页面加载完成时,window.onload事件将被触发,此时 JavaScript 代码段将被执行。这个事件只会在页面完全加载完毕之后才会被触发。

另一种方式

还有一种方式可以在页面加载时加载 JavaScript 代码——使用 DOMContentLoaded 事件。这个事件将在文档解析完成之后立即被触发,不必等待图片和其他资源的加载。

document.addEventListener('DOMContentLoaded', function() {
  // 在这里写你的 JavaScript 代码
});
与jQuery一起使用

如果你使用了 jQuery,可以使用 $(document).ready() 方法来实现同样的功能。

$(document).ready(function() {
  // 在这里写你的 JavaScript 代码
});
总结

在 Web 开发中,我们通常需要在页面加载时执行一些 JavaScript 代码。window.onload 事件是实现这个功能的最简单方式。如果您只需要在文档解析后执行 JavaScript 代码,可以使用 DOMContentLoaded 事件。同时,如果您使用了 jQuery,可以使用 $(document).ready() 方法。