Can anyone tell me why the following page doesn't trigger an alert when it loads? If I use window.onload instead of document.onload it works. Why is there this difference?
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
document.onload = function() {
alert('Test');
}
</script>
</head>
<body>
</body>
</html>
The simplest answer is that it just wasn't designed that way. The browser executes the function attached to window.onload at the "end of the document loading process". It does not attempt to execute a function attached to document.onload.
You could assign a function to document.onload but the browser will not do anything special with it.
Some things to keep in mind (assuming you've just assigned a function to one or the other of window.onload or document.onload):
window.onload === onloadwindow.onload !== document.onloadwindow !== documentdocument.onload, but the browser wouldn't do anything special with that function. The trick is that assigning to window.onload triggers special behavior. The onload property of window just happens to be the place that the browser looks for the function to call once the document loads.
onload property on other elements than window then? :q
The event handler is onload not document.onload. It hangs directly off the window object (which is the default object).
