Invoke JS function in IFrame window

Question

I have a JS function which I sometimes want to invoke in the context of the main window, and sometimes in the client window. Something like the following:

var f = function() { alert(window.location); };

f(); // should show the location of the parent frame

// DOESN'T WORK, but is intended to show the location of the first IFrame
f.call(window.frames[0]);

Googling this mostly shows me how to invoke a function which is defined in the child frame. I, however, want to take a function which is defined in the parent and execute it in the child frame. And, to eliminate the obvious, adding a window parameter to the function is not a viable option.

jbabey · Accepted Answer · 2012-10-16 13:16:38Z

1

If you want to execute a function defined in a parent window but in the context of your window, you can use apply:

top.someFunction.apply(window);

The two windows must be in the same domain for this to work.

answered Oct 16, 2012 at 13:16

jbabey

46.7k12 gold badges73 silver badges94 bronze badges

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

Comments

Robusto · Accepted Answer · 2012-10-16 13:10:15Z

0

Replace window with top if you're calling a function that exists in the global scope of the parent page.

answered Oct 16, 2012 at 13:10

Robusto

32k8 gold badges59 silver badges79 bronze badges

Comments

user4876141 · Accepted Answer · 2015-05-30 18:15:04Z

0

Have you tried something like the following:

// reference to window in iframe with id or name 'myIframe'
var win = window.frames['myIframe'];

// invoke function in win
win.getEvents();

answered May 30, 2015 at 18:15

user4876141

Collectives™ on Stack Overflow

Invoke JS function in IFrame window

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related