Use capturing event listener on some DOM node other than window (body or other parent of image elements of interest): document.body.addEventListener( ‘load’, function(event){ var tgt = event.target; if( tgt.tagName == ‘IMG’){ tgt.style.display = ‘inline’; } }, true // <– useCapture ) With this you don’t have to (re)attach event handlers while iterating through document.images. And … Read more
No, you cannot do it the way you want. Loading a new page closes the current document and starts loading a new document. Any code in your current document will no longer be active when the new page starts to load. To have an event handler when the new document loads, you would either need … 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
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
If you put Javascript statements (rather than function definitions) inside a <script> tag, they will be executed during page loading – before the onLoad event is fired. <html> <body> <h2>First header</h2> <script type=”text/javascript”> alert(“Hi, I am here”); document.write(“<h3>This is Javascript generated</h3>”); </script> <h2>Second header</h2> </body> </html> The caveat is that you cannot search for elements … Read more
This thread seems unnecessarily controversial. If you really want to solve this question correctly, using jQuery, please see the solution below. The question is “jQuery How do you get an image to fade in on load?” First, a quick note. This is not a good candidate for $(document).ready… Why? Because the document is ready when … Read more
At the time window is loaded the body isn’t still loaded therefore you should correct your code in the following manner: <script type=”text/javascript”> window.onload = function(){ window.document.body.onload = doThis; // note removed parentheses }; function doThis() { if (document.getElementById(“myParagraph”)) { alert(“It worked!”); } else { alert(“It failed!”); } } </script> Tested to work in FF/IE/Chrome, … Read more
Here is how it can be done, I’ve put some comments inline: private void Form1_Load(object sender, EventArgs e) { bool complete = false; this.webBrowser1.DocumentCompleted += delegate { if (complete) return; complete = true; // DocumentCompleted is fired before window.onload and body.onload this.webBrowser1.Document.Window.AttachEventHandler(“onload”, delegate { // Defer this to make sure all possible onload event handlers … Read more
You will want to use the “ngAfterViewInit” lifecycle hook, through importing AfterViewInit (https://angular.io/docs/ts/latest/guide/lifecycle-hooks.html#!#afterview). You can use it as shown below: Installation: tsd install jquery –save or typings install dt~jquery –global –save Utilization: import { Component, AfterViewInit } from ‘@angular/core’; import * as $ from ‘jquery’; ngAfterViewInit() { this.doJqueryLoad(); this.doClassicLoad(); $(this.el.nativeElement) .chosen() .on(‘change’, (e, args) => … 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>