在JavaScript中,window.onload
和jQuery的$(document).ready()
都是用来在网页加载完成后执行代码的方法。然而,它们之间存在一些关键的区别。本文将详细介绍这两种方法的区别,并为每种方法提供相应的源代码示例。
$(document).ready()
:
``$(document).ready()`是jQuery提供的一个方法,用于在DOM加载完成后执行代码。它的主要特点如下:- 可以在页面上同时使用多个
$(document).ready()
方法,它们会按照定义的顺序依次执行。 - 代码会在DOM加载完成后立即执行,而无需等待其他资源(如图片)加载完成。
- 可以将代码放置在页面中的任何位置,因为它会在DOM就绪后执行。
- 可以在页面上同时使用多个
下面是一个使用$(document).ready()
的示例:
$(document)