定义和用法
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 在页面完成加载时在状态栏显示一段文本。
分享到：
相关推荐
看下文： 通过js操纵DOM很多情况下都是为了实现和当前页html元素的异步载入，我谈谈对Image对象的一些认识。 看个例子： 代码如下: <input type=”button” name=”” value=”载入图片” onclick=”addImg(‘tt...
html DOM元素有很多on开头的监听事件，如onload、onclick等，见DOM事件列表。但是同一种事件，后面注册的会覆盖前面的： [removed] = function(){ alert(1); } [removed] = function(){ alert(2)...
的HTML导入SHIM（šimpleħTML我M端口中号ethod）是一个客户端技术，该技术使得Web文档引入外部HTML文件（和文件片段）到它自己的DOM，声明，经由单个辅助元件（尽管一个其中包含内联style和onload EventListener...
对元素的操作和事件的绑定需要等待一个合适的时机,可以看下面的例子: <!DOCTYPE html> <meta charset=utf-8> <html> <head> <title>1-1</title> [removed] document....
更值得关心的是 onload 事件和连接池。 iframe 阻塞 onload window 的 onload 事件尽快执行非常重要。这会让浏览器的载入进度指示器完成，用户依据此判断页面是否已经加载完。而 onload 事件延迟，会让用户感觉页面...
而使用$(document).ready()注册的事件处理程序会在html下载完成并解析为Dom树之后，代码就可以运行，但并不意味着所有关联文件都已经下载完毕。 一个页面中一般只有一个onload事件处理程序，而且只能一次保存对一个...
代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”...body onload=”
先来看看现象： 代码如下: <html>...body onload=”init()”> ”testDiv” xss=removed></div> [removed] function init() { var el = document.getElementById(“testDiv”); var a = new
浏览器加载完DOM后，会通过javascript为DOM元素添加事件，在javascript中，通常使用[removed]()方法。 在jquery中，则使用$(document).ready()方法。下面介绍一下两者的区别。 [removed]() $(document).ready...
而使用$(document).ready()注册的事件处理程序会在html下载完成并解析为Dom树之后，代码就可以运行，但并不意味着所有关联文件都已经下载完毕。 一个页面中一般只有一个onload事件处理程序，而且只能一次保存对一个...
最基本的处理方式就是页面的 onload 事件，我们在处理这个事件的时候，可以有多种方式，即可以通过 HTML 方式，直接写在 body 元素的开始标记中，也可以使用事件注册的方式来使用，这又可以分为 DOM0 方式和 DOM2 ...
js 某个页面监听事件渲染完毕的时间 JavaScript页面渲染完毕时间监听是前端开发中一个非常常见的场景。主要目的是监听页面渲染完毕的时间，从而进行一些相关操作，如加载页面数据、初始化组件等。适用人群主要是前端...
1:jquery可以加载多个ready函数，而原始的js只能加载一次onload 2 2:用dom对象得到的对象不能使用jquery中的方法，比如var p=document.getElementById("id"),此时p不能这样使用p.html(),而应该使用innerHTML。...
一、页面加载$(document).ready()相当与Javascript中的onLoad()事件，都是在页面加载的时候执行该方法，但是两者又有着微妙的差别，ready()事件是当HTML下载完成并解析成DOM树之后就可以执行，而onLoad()事件要等...
13.3.1 onLoad和onUnLoad事件 13.3.2 onFocus和onBlur事件函数 13.3.3 onResize事件处理函数 13.4 鼠标事件处理 13.4.1 怎样使用鼠标事件 13.4.2 鼠标事件和图像——翻转 13.4.3 ...
1、事件简介 （1）当DOM载入就绪可以查询及操纵时绑定一个要执行的函数； （2）请确保在 <body> 元素的onload事件中没有注册函数，否则不会触发+$(document).ready()事件； （3）可以在同一个页面中无限次地...
从基础html完全解析页面的DOM时，将触发DOMContentLoaded事件 资源及其所有从属资源（包括CSS和JavaScript）完成加载后，将触发load事件 在本课程中，我们将重点介绍DOMContentLoaded 。 为什么DOMContentLoaded很...
从基础html完全解析页面的DOM时，将触发DOMContentLoaded事件 资源及其所有从属资源（包括CSS和JavaScript）完成加载后，将触发load事件 在本课程中，我们将重点介绍DOMContentLoaded 。 为什么DOMContentLoaded很...
从基础html完全解析页面的DOM时，将触发DOMContentLoaded事件 资源及其所有从属资源（包括CSS和JavaScript）完成加载后，将触发load事件 在本课程中，我们将重点介绍DOMContentLoaded 。 为什么DOMContentLoaded很...
二是在主页面 iFrame 的 onload 事件中执行 JS，去取得被包含页的高度内容，然后去同步高度。然而，这两种方法都存在一定的缺陷，它们只能处理静态的内容加载，而无法解决 JS 操作 DOM 引起的高度变化问题。 为了...