I have a pre-made layout, cannot be changed. But I must put an onload() event to <BODY>. As I said, I'm not allowed just add "onload = sdfsdf" event. Then how?
Add a comment
|
6 Answers
You could make a script to attach the event (i suppose that your problem is that you have no control over the html):
<script>
document.body.onload = function(){};
</script>
answered Sep 24, 2011 at 14:07
Nicola Peluchetti
77k32 gold badges150 silver badges197 bronze badges
Comments
Use JQuery:
$(document).ready(function() {
});
http://docs.jquery.com/Tutorials:Introducing_%24%28document%29.ready%28%29
Comments
You can register events on the body through a (java)script using:
document.body.<event name> = function(){ // whatever your function does };
3 Comments
pimvdb
Nitpicking, but it's
on<event name>. The event name itself is without on.
Saket
well yes, if you read it that way :) ... but I've generally heard people associate the entire string "on..." as the event name. Anyway, quite a personal convention.
pimvdb
It doesn't matter much; just make sure you pass it without
on in case you use addEventListener :)Use window.onload = function(){ ... }. That has the equivalent result as <body onload="...">.
Comments
put all your code in an function that autoexecute:
(function () {
//your code here
})();
and put it at the end of the body.
Comments
If you want to make everything by yourself, without jQuery. MDN addEventListener.
target.addEventListener(type, listener, useCapture<Optional>);
Depending on the required effect, listener:
- DOMContentLoaded - loading of the DOM
- load - loading of all the resource on the page - useful if the page contains large images
