codecamp

onload 事件

onload 事件

事件对象参考手册 事件对象

实例

当页面载入完毕后执行Javascript代码：

<body onload="myFunction()">

尝试一下 »
(页面底部查看更多实例)

定义和用法

onload 事件会在页面或图像加载完成后立即发生。

onload 通常用于 <body> 元素，在页面完全载入后(包括图片、css文件等等。)执行脚本代码。

语法

在 HTML 中:

<bodyonload="SomeJavaScriptCode">

在 JavaScript 中:

window.onload=function(){SomeJavaScriptCode};

参数 描述
SomeJavaScriptCode 必需。规定该事件发生时执行的 JavaScript。

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主要浏览器都支持 onload 事件

以下 HTML 标签支持 onload :

<body>, <frame>, <frameset>, <iframe>, <img>, <input type="image">, <link>, <script>, <style>

实例

更多实例

在 <img> 使用onload
图片载入后立即弹出 "Image is loaded"

事件对象参考手册 事件对象
温馨提示
下载编程狮App，免费阅读超1000+编程语言教程
取消
确定
目录
JavaScript 和 HTML DOM 参考手册

JavaScript对象

Browser对象

DOM对象

HTML DOM对象

HTML DOM 事件对象

HTML DOM Body 对象

HTML DOM del 对象

HTML DOM Fieldset 对象

HTML DOM Dialog 对象

HTML DOM Frame 和 IFrame 对象

HTML DOM Submit 对象

HTML DOM 引用对象

HTML DOM Input Number 对象

HTML DOM Password 对象

HTML DOM Link 对象

HTML DOM Script 对象

HTML DOM Select 对象

拓展阅读

关闭

 MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }