在 jQuery 中，load事件是一个用于处理元素加载完成时的重要事件。它为我们提供了在页面元素（如图片、iframe 等）加载结束后执行特定操作的便利机制。
handler(eventObject)
类型: Function()
每次事件触发时会执行的函数。
eventData
类型: PlainObject
一个对象，它包含的数据键值对映射将被传递给事件处理程序。
handler(eventObject)
类型: Function()
每次事件触发时会执行的函数。
用于选择要监听加载事件的元素的表达式，`function` 是在元素加载完成时执行的回调函数。
 | 该API 1.8版本已弃用。请使用 .on( "load", handler ) 或 .on( "load", eventData, handler )代替.load( handler ) or .load( eventData, handler )。请使用 .trigger( "load" ) 代替 .load() |
假设我们有一个网页，其中包含一张图片，我们希望在图片加载完成后显示一个提示信息。
<script>
$(document).ready(function() {
$('#myImage').load(function() {
alert('图片加载完成！');
});
});
</script>
<img src="/Template/Foreground/img/logo.png" id="myImage" />在上述代码中，当指定的图片 `#myImage` 加载完成后，会弹出一个提示框。
开发者们在试图使用 .load() 事件来解决一个共通的挑战，那就是：当一张图片（或一组图片）被完全加载完之后，执行一个函数。以下是一些相关的注意事项：
它在跨浏览器下始终是不可靠
如果被设置图片的src和之前的src相同，在WebKit中，该事件不能正常触发
不能正常的在DOM树上冒泡
如果图片已经在浏览器的缓存中，将停止触发
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>炫代码wwww.xuandaima.com jQuery 教程</title>
<script src="/Template/Foreground/js/jquery-1.11.1.min.js"></script>
</head>
<body>
<script>
$(document).ready(function() {
$('#myIframe').load(function() {
alert('iframe加载完成！');
});
});
</script>
<iframe src="https://example.com" id="myIframe"></iframe>
</body>
</html>这里，当 `iframe` 加载完毕后，会在控制台输出相应的信息。
1. 事件触发时机：load事件在元素的内容（包括图片、脚本等）完全加载后触发。但需要注意的是，如果元素在页面加载时已经存在并且已经加载完成，load事件可能不会再次触发。
2. 浏览器兼容性：不同浏览器对于 load事件的支持和行为可能会有细微的差异，特别是在处理复杂的页面结构和多元素加载时。
3. 多次触发：如果一个元素多次加载（例如通过修改其src属性），load事件可能不会按照预期多次触发，或者在某些情况下可能会出现不可预测的行为。
4. 性能考虑：由于 load事件需要等待元素完全加载，可能会对页面性能产生一定的影响，特别是在同时处理多个元素的加载时。
5. 与其他事件的配合：在某些情况下，可能需要结合其他事件（如ready事件）来确保页面的初始化和元素加载的处理顺序正确。
6. 错误处理：在处理load事件时，要考虑到加载失败的情况，并添加相应的错误处理逻辑。
通过对load事件的深入理解，并遵循上述的注意事项，我们可以更加有效地利用它来实现丰富的页面交互和功能。
