HTML DOM onload Event

最新推荐文章于 2022-08-08 20:35:58 发布
最新推荐文章于 2022-08-08 20:35:58 发布
阅读量698 收藏
点赞数
分类专栏： JavaScript 文章标签： html image javascript tags

Definition and Usage

The onload event occurs immediately after a page or an image is loaded.

Syntax

οnlοad="JavaScriptCode"

ParameterDescription
JavaScriptCodeRequired. Specifies a JavaScript to be executed when the event occurs

Supported by the following HTML tags:

<body>, <img>

Supported by the following JavaScript objects:

body, image

Browser Support

The onload event is supported in all major browsers.

Examples

Example 1

Alert "Page is loaded" immediately after a page is loaded:

<html>
<head>
<script type="text/javascript">
function load()
{
alert("Page is loaded");
}
</script>
</head>

<body οnlοad="load()">
<h1>Hello World!</h1>
</body>
</html>

Try it yourself »

Example 2

Alert "Image is loaded" immediately after an image is loaded:

<html>
<head>
<script type="text/javascript">
function loadImage()
{
alert("Image is loaded");
}
</script>
</head>

<body>
<img src="w3javascript.gif" οnlοad="loadImage()" />
</body>
</html>

Try it yourself »


ColorPaper
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript--DOM--共享onload 事件
norang的博客
06-06 392
6.3.2 共享onload 事件 我必须执行prepareGallery 函数才能对onclick 事件进行绑定。 如果马上执行这个函数，它将无法完成其工作。如果在HTML文档完成加载之前执行脚本，此时DOM是不完整的。具体到prepareGallery 函数，它的第3行代码将测试"imagegallery" 元素是否存在，如果 DOM不完整，这项测试的准确性就无从谈起，事态的发展就会偏离我 的计划。 应该让这个函数在网页加载完毕之后立刻执行。网页加载完毕时会触发 一个onload 事件，这个事件与win
onload 事件（HTML DOM）
Lynn.Zhou的专栏
10-27 2769
定义和用法    onload 事件会在页面或图像加载完成后立即发生。语法    onload="SomeJavaScriptCode"参数描述SomeJavaScriptCode必需。规定该事件发生时执行的 JavaScript。    支持该事件的 HTML 标签：        , , , , , , 支
Javascipt onload Event的研究
jialine0426的专栏
01-12 468
<br />最近研究Website性能问题，发现onload event真的很有意思，运行顺序也是不一样的，有时候可能会被覆盖<br />第1种：Body中的onload<br />第2种：window.onload<br />第3种：window.attachEvent<br /> <br /> <br /><html><br /> <head><br /> <script type="text/javascript" language="javascript"><br /> window.onlo
js之dom event onload
weixin_45346457的博客
12-02 206
Definition and Usage The onload event occurs when an object has been loaded. onload is most often used within the <body> element to execute a script once a web page has completely loaded all content (including images, script files, CSS files, etc.)
HTML DOM Event 对象
05-27
HTML DOM Event 对象是Web开发中的一个重要概念，它代表了事件的状态，如事件发生时的元素、键盘状态、鼠标位置等。这些信息在处理用户交互和动态更新页面时非常关键。在本文中，我们将深入探讨HTML DOM Event对象...
JavaScript DOM 添加事件
10-30
其中`event`指的是事件类型，并且前面必须加上'`on`'前缀（如'onload'、'onclick'等），`function`是要执行的函数。 由于存在以上差异，开发者在编写跨浏览器代码时，需要创建一个能够处理不同浏览器差异的函数。这...
JsDom 编程小结
10-28
- **`onload` 事件**：页面加载完毕时触发，适用于确保所有资源加载完成后再执行某些操作。 - **`onunload` 事件**：页面关闭或离开时触发。 - **`onbeforeunload` 事件**：页面准备关闭或离开之前触发，常用于询问...
Jqyery中同等与js中windows.onload的应用
10-28
关于在页面中放置脚本，将DOM操作的代码放在 `window.onload` 或 jQuery 的 `document ready` 事件中，可以确保元素在执行相关操作时已经存在。例如，下面的代码绑定了按钮点击事件： ```html <div id="divInfo">...
dom 元素加载
palmer_kai的博客
11-24 655
DOM 加载 小结比较下 window.onload 和 jQuery(document).ready(function(){})winodw.onload 指的是页面上所有的 dom 元素加载完成 然后执行的事件，包括 img，iframe，link(一般指stylesheets)的外部资源加载完成 不支持事件累加：后面的onload事件会覆盖前面的 // script1.js window.o
html dom onload,window.onload似乎在加载DOM之前触发(JavaScript)
weixin_39944944的博客
06-17 282
我遇到window.onload和document.onload事件的问题.我读到的所有内容都告诉我,在DOM完全加载所有资源之前,这些内容不会触发,似乎这对我来说不会发生：我在Chrome 4.1.249.1036(41514)和IE 8.0.7600.16385中尝试了以下简单页面,结果相同：两者都显示消息“It failed！”,表示myParagraph未加载(因此DOM似乎不完整).wi...
onload事件和addLoadEvent函数
FLQ77的博客
08-03 371
onload事件当我们想让一个函数在网页加载完毕之后立即执行时，可以使用onload事件，网页加载完毕会自动触发，只需把函数绑定到这个事件上：window.onload=Function;这样写能解决加载的问题，但是有时候会出现问题。假如有两个函数：firstfunction和secondfunction.如果想让这两个函数都执行的话，把它们逐一绑定到onload事件上，它们当中只有最后那个才会被执
addLoadEvent函数与onload事件
JEFF_xieyuzhi的博客
05-25 298
addLoadEvent函数：页面第一次加载的时候触发事件； window.onload事件：页面加载完成后（加载完成后），立即执行； 源码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="...
【JS】原生JS的DOM操作之共享onload事件
mooonyuan的博客
03-18 728
addLoadEvent( by Simon willison ) 页面加载完毕会执行onload事件,动态绑定多了函数，它只有一个参数，打算页面执行完毕时，执行的函数名称； 把现有的window.onload的值存入变量oldLoad； 如果这个处理函数上还没有绑定任何函数，就像平时那样把新函数添加给它； 如果这个处理函数上已经绑定了一些函数，就把新函数追加到现有指令末尾 文件 ...
domReady与onload
Olivia0319的博客
09-17 281
今天写了一个小例子，但是出了一个错误： Uncaught TypeError: Cannot read property ‘style’ of null。 代码如下所示： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;测试例&lt;/title&gt;
JS-DOM-对象的事件onload、匿名函数、this
weixin_47295886的博客
08-08 453
window对象的事件(DOM事件) onerror--加载文档或图像出错 onload--浏览器加载页面--用法后面加函数名-不可带括号--区分大小写 onresize--浏览器窗口已调整大小 onunload--浏览器退出页面- 解决全局变量的不安全性--封闭--匿名 使用this将获得当前对象的文本内容--因为compute是使用按钮计算（小费） ...
DOMContentLoaded 与onload区别以及使用
weixin_42091901的博客
04-27 1043
一、何时触发这两个事件？1、当 onload 事件触发时，页面上所有的DOM，样式表，脚本，图片，flash都已经加载完成了。2、当 DOMContentLoaded 事件触发时，仅当DOM加载完成，不包括样式表，图片，flash。二、为什么要区分？      开发中我们经常需要给一些元素的事件绑定处理函数。但问题是，如果那个元素还没有加载到页面上，但是绑定事件已经执行完了，是没有效果的。这两个事...
DOM事件
ZiXiaweb的博客
09-06 183
onload 和 onunload 事件 当用户进入后及离开页面时，会触发 onload 和 onunload 事件。 onload 事件可用于检测访问者的浏览器类型和浏览器版本，然后基于该信息加载网页的恰当版本。 onload 和 onunload 事件可用于处理 cookie。 onload点击事件 1.window.onload 是窗口（页面）加载事件，当文档内容完全加载完成会触发该事件（包括图像，脚本文件，css文件等），就调用的处理函数下面的代码，当点击按钮，并不会弹出对话框，因为页面还没有
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值