定义和用法
onload 事件会在页面或图像加载完成后立即发生。
语法
onload="SomeJavaScriptCode"
| 参数 | 描述 |
| SomeJavaScriptCode | 必需。规定该事件发生时执行的 JavaScript。 | |
支持该事件的 HTML 标签：
<body>, <frame>, <frameset>, <iframe>, <img>, <link>, <script>
支持该事件的 JavaScript 对象：
image, layer, window
实例
在本例中，文本 "Page is loaded" 会被显示在状态栏中：
1<html>
2<head>
3<script type="text/javascript">
4function load()
5{
6window.status="Page is loaded"
7}
8</script>
9</head>
10
11<body onload="load()">
12</body>
13
14</html>
TIY
onload 如何使用 onload 在页面完成加载时在状态栏显示一段文本。
分享到：
相关推荐
9. **JavaScript与DOM交互**：JavaScript是最常用的与DOM交互的语言，通过`window.onload`或`DOMContentLoaded`事件确保DOM加载完成后执行脚本。 10. **性能优化**：频繁的DOM操作可能影响页面性能，因此使用`...
通过合理地利用DOM事件，可以极大地提升用户体验，构建出更加动态和交互式的Web应用。 #### 二、DOM事件分类 DOM事件根据其作用的不同，可以分为以下几类： 1. **鼠标事件** 2. **键盘事件** 3. **框架/对象事件*...
3. **HTML DOM事件分配**：除了通过HTML属性设置事件，还可以使用JavaScript动态地为元素添加事件监听器。例如，通过`getElementById`方法获取元素并设置`onclick`事件： ```javascript document.getElementById('...
onload 函数是指 DOM 中的 onload 事件处理函数，它是在文档加载完成后执行的函数。onload 函数提供了许多方法和属性，开发者可以通过这些方法和属性来操作文档的内容和结构。 查找节点 查找节点是指通过 ...
在W3C的2级DOM事件标准中，引入了更多通用属性，如`event.bubbles`（判断事件是否冒泡）、`event.cancelable`（决定是否可以取消事件的默认行为）和`event.currentTarget`（当前处理事件的元素，不同于`event.target...
总结来说，DOM编程基础涵盖了理解HTML页面结构、使用JavaScript操作页面元素、处理用户事件以及与浏览器窗口的交互等方面。熟练掌握这些知识，能让你在网页开发中创建出交互性强、用户体验良好的动态网页。
DOMContentLoaded事件比window.onload更早触发，因为它是当初始HTML文档被完全加载和解析后不需要等待样式表、图片和子框架的加载时就触发。这对于提升页面的交互响应速度和用户体验非常有帮助。 综上所述，...
在JavaScript中，DOM0级事件处理程序是一种早期的事件处理方式，它是在DOM（文档对象模型）规范尚未完全定义事件处理机制时广泛使用的。在DOM0级事件中，事件处理程序的绑定和解绑是通过直接将函数赋值给元素的特定...
1. **DOMContentLoaded事件**：页面的DOM加载完成后触发，比`window.onload`事件更早，是开始执行JavaScript的常用时机。 2. **异步脚本加载**：使用`createElement('script')`和`appendChild`动态创建和加载脚本，...
原因是`window.onload`事件会在整个页面DOM加载完成后触发，包括所有资源（如图片）的加载。当`window.onload`触发时，图片已经加载完成，因此`img.onload`事件不再触发。 在使用jQuery等库时，情况会有所不同。...
然而，在某些情况下，如果`<img>`元素通过JavaScript动态创建，并且没有立即添加到DOM（文档对象模型）中，`onload`事件可能会在预期之前被触发，导致问题。 在提供的代码示例中，我们看到一个动态创建`<img>`元素...
通常可以将JavaScript代码放在body标签的底部，或者使用window.onload事件确保在执行DOM操作前文档已经加载完成。 - 当动态创建新元素并添加到DOM中时，新的元素会立即成为DOM的一部分，并且可以被浏览器渲染。 - ...
在事件处理中，可以为DOM元素添加事件监听器，如为`onclick`事件绑定函数。 7. 节点操作示例 示例中演示了如何获取并操作节点，包括获取`div`元素的类名，以及在点击`li`元素时获取其标签名和节点类型。此外，还...
通过`window.onload`事件，确保文档完全加载之后执行特定的JavaScript代码。在该示例中，通过`document.getElementById`获取了具有特定id的元素，并调用`getClass`函数获取其class名为`cs`的子元素，最后通过`...
`onload`是HTML DOM（文档对象模型）中的一个事件，用于在某个资源（如图片、脚本等）加载完成之后执行指定的函数。在这个案例中，开发者使用`onload`事件来监听图片的加载状态，一旦图片加载完成，就移除`loading`...
DOM（文档对象模型）是JavaScript中用于表示和交互HTML文档的一种结构化接口。通过DOM，JavaScript...在实际开发过程中，需要根据具体的应用场景选择合适的DOM操作方法和事件监听器，以实现更加丰富和流畅的Web应用。
通常，这类问题的解决方法可能包括检查DOM元素是否已正确创建，确保脚本在DOM加载完成后运行（例如使用`window.onload`或`DOMContentLoaded`事件），以及验证对DOM元素的引用是否正确。 标签中提到了“源码”和...
同时，随着Web技术的发展，HTML5引入了更多新的事件和特性，但HTML4.0仍然是许多现有网站的基础，因此深入理解这一版本的HTML事件是非常有价值的。通过DHTML手册和HTML事件资料大全，开发者可以全面系统地学习这些...