Skip to: content, navigation

by Ian Lloyd

onload (HTML attribute)

Browser support full matrix
IE5.5+ FF1+ Saf1.3+ Op9.2+
Full Full Full Full
Spec
Version
HTML 4
onload="call_script_function();"

Example

When used as an inline attribute, it is most frequently applied to the body element, as shown below:

<body onload="initialiseHoverEffects();">

Description

The onload event is used to trigger an action once a web page has completely loaded all content and, importantly, all the external resources that the page calls in, such as images, script files, CSS files.

It may also be used in the context of framesets to indicate that the child frame elements have finished loading.

Value

There is no fixed value - it is up to the author/developer what scripting goes in here, be that a call to one or more defined functions or a simple alert() statement.

Compatibility

IE5.5Full
6.0Full
7.0Full
Firefox1.0Full
1.5Full
2.0Full
Safari1.3Full
2.0Full
3.0Full
Opera9.2Full
9.5Full

Every browser listed supports this attribute, but should be avoided as it encourages mixing of content and behaviour.

User-contributed notes

There are no comments yet.

Add a note

To post a note on this topic, please log in with your SitePoint username and password. If you don't have an account yet, you can create a new account for free.

Related Products

The Principles of Beautiful Web Design

Best Seller!

You don’t need to go to Art School to design great looking web sites!

Book Cover: The Principles of Beautiful Web Design

Download the FREE sample chapters