Force a window.onload event in javascript

Question

Ok, I am going to rephrase my request as I think based on some of the answers, it got convoluted. All I am looking for is if there is a javascript command to fire the onload event from the javascript in the parent. A line of code such as: document.getElementById('FrameID').fire.onload(); or if this cannot be done.

I am brainstorming an application where I am going to preload some iframes with url's, say 10 of them. I am then going to rotate them by hiding and displaying the frames. I want to be able to fire a window onload event after the active frame is displayed without reloading the page so the page will act as if it is fresh if it has an onload event. Can I do this? The pages may or may not have a window onload event.

fire a window onload event where? in the parent window? Or in a given iframe's window? — Madbreaks
– Madbreaks, Commented Mar 10, 2012 at 0:45
The javascript would be in the parent which is running the show. — user999684
– user999684, Commented Mar 10, 2012 at 0:47
Either, but plain ol javascript would be preferred. I have not written any code yet, just trying to get through this hurdle in my methodology. — user999684
– user999684, Commented Mar 10, 2012 at 1:03

Jameal G · Accepted Answer · 2018-10-04 23:38:32Z

39

This is the current method for re-emitting the load event:

dispatchEvent(new Event('load'));

https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Creating_and_triggering_events

Browser compatibility:

Chrome: 15+
Firefox: 11+
Microsoft Edge: all versions
Opera: 11.60+
Safari: 6+
Internet Explorer: none (see Dave's answer)

edited Oct 4, 2018 at 23:38

Jameal G

4341 gold badge5 silver badges10 bronze badges

answered Apr 25, 2015 at 21:03

Martin Wantke

4,65138 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

alecov Over a year ago

Doesn't work on that, uh, "browser" named Internet Explorer.

bonez Over a year ago

Downvoted because this doesn't work in IE -- see text in the link: "This constructor is supported in most modern browsers (with Internet Explorer being the exception). For a more verbose approach (which works with Internet Explorer), see the old-fashioned way below."

david · Accepted Answer · 2012-03-10 01:03:00Z

13

You need to re-emit the load event:

var evt = document.createEvent('Event');  
evt.initEvent('load', false, false);  
window.dispatchEvent(evt);

Getting access to the window object will be the hard part, and I think it's only possible if the iframes are from the same domain as your page.

answered Mar 10, 2012 at 1:03

david

18.3k4 gold badges45 silver badges60 bronze badges

2 Comments

Ogier Schelvis Over a year ago

Is this method more browser compatible than the one using the Event object? I presume it is.

david Over a year ago

@OgierSchelvis No idea, it was half a decade ago. I think if you're needing to do this then you're kinda already in a realm of weirdness that I don't want to think about anymore.

Valery Bugakov · Accepted Answer · 2016-07-28 11:58:05Z

3

Document.createEvent() and Event.initEvent() are deprecated.

Use Event constructor for now:

const evt = new Event('build')
window.dispatchEvent(evt)

answered Jul 28, 2016 at 11:58

Valery Bugakov

3551 silver badge10 bronze badges

Comments

richardevcom · Accepted Answer · 2012-03-10 00:42:47Z

0

If you are thinking about iframe slideshow where you want to display content from other pages, then you should check out this tutorial (instead of images simply add urls): http://www.2webvideo.com/blog/easily-create-slideshow-with-iframe-tag

answered Mar 10, 2012 at 0:42

richardevcom

1,0781 gold badge12 silver badges38 bronze badges

1 Comment

user999684 Over a year ago

This is basically what I want to do, but swapping urls for the images does no good. I do not want to reload them everytime, I want to be able to fire the onload event after display, basically refreshing the page without calling the server.

Community · Accepted Answer · 2017-05-23 12:18:33Z

0

Using this tutorial you can use:

document.getElementById("$FRAME_ID$").contentDocument.location.reload(true);

Then simply add new ID or CLASS for each element, see: https://stackoverflow.com/a/2064863/1097415

edited May 23, 2017 at 12:18

CommunityBot

11 silver badge

answered Mar 10, 2012 at 1:00

richardevcom

1,0781 gold badge12 silver badges38 bronze badges

2 Comments

user999684 Over a year ago

Won't that force another call to the server though? That is what I am trying to avoid.

richardevcom Over a year ago

It will call the page content again in iframe (it will reload the content of iframe).

Collectives™ on Stack Overflow

Force a window.onload event in javascript

5 Answers 5

2 Comments

2 Comments

Comments

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

2 Comments

Comments

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related