Don’t use the Load event, override the OnLoad() method. That ensures that everything runs in a predictable order when you derive from the form class. You should only use it for form initialization that requires the size of the actual form to be know. It can be different from the design size due to scaling … Read more
Why not use window‘s own onload event ? window.onload = function () { alert(“LOADED!”); } If I’m not mistaken, that is compatible across all browsers.
window.onload = function(){}; works, but as you might have noticed, it allows you to specify only 1 listener. I’d say the better/newer way of doing this would be to use a framework, or to just to use a simple implementation of the native addEventListener and attachEvent (for IE) methods, which allows you to remove the … Read more
Since you asked how to do it without modifying the external JS files, I’ll answer that way. I’ve traced through the .ready() function in jQuery in the debugger and it appears that the root function that gets called when the page is ready is this: jQuery.ready(); But, it appears you cannot just call it again … Read more
By loading the script asynchronously, you are telling the browser that it can load that script independently of the other parts of the page. That means that the page may finish loading and may fire DOMContentLoaded BEFORE your script is loaded and before it registers for the event. If that happens, you will miss the … Read more
You should call jQuery.getScript, which does exactly what you’re looking for. EDIT: Here is the relevant source code from jQuery: var head = document.getElementsByTagName(“head”)[0] || document.documentElement; var script = document.createElement(“script”); if ( s.scriptCharset ) { script.charset = s.scriptCharset; } script.src = s.url; // Handle Script loading var done = false; // Attach handlers for all … Read more
the load event (a.k.a “onload”) on the window and/or body element will fire once all the content of the page has been loaded — this includes all images, scripts, etc… everything. In contrast, jquery’s $(document).ready(…) function will use a browser-specific mechanism to ensure that your handler is called as soon as possible after the HTML/XML … Read more
You pretty much have to do this: google.setOnLoadCallback(function() { $(function() { // init my stuff }); }); You can’t do $(document).ready() without $ (the jQuery object) being available, so that needs to go inside the callback. And you can’t be sure the document is ready inside the callback, so you have to do ready() too.
The other answers all seem out of date First off, putting scripts at the top and using window.onload is an anti-pattern. It’s left over from IE days at best or mis-understandings of JavaScript and the browser at worst. You can just move your scripts the the bottom of your html <html> <head> <title>My Page</title> </head> … Read more
Use the iFrame’s .onload function of JavaScript: <iframe id=”my_iframe” src=”http://www.test.tld/”> <script type=”text/javascript”> document.getElementById(‘my_iframe’).onload = function() { __doPostBack(‘ctl00$ctl00$bLogout’,”); } </script> <!–OTHER STUFF–> </iframe>