Select frame context with javascript

Question

Is there a way to programmatically select frame context with Javascript? Let's say there are two different frames present in the current web page, and I need to append 'hello' to the second frame. The problem is that the second frame has a different domain than the current web page. With chrome developer tools, I can simply choose the second frame context and do $('body').append('hello') from console, but I should be able to do this programatically.

Reference: Debugging iframes with Chrome developer tools

Is there a way to achieve this?

intention: I need to create a bookmarklet that specifically targets the frame that has a different domain than the main webpage.

related frame access not possible from dev tools console due to cross-origin restrictions. — surfmuggle
– surfmuggle, Commented Nov 28, 2021 at 19:12

surfmuggle · Accepted Answer · 2021-11-28 18:56:50Z

0

Same domain is easy:

 window.parent.doSomeThing()

Cross origin is a little tricky

Iframe cross domain JavaScript calls from Mads Kristensen is a good article about it.
David Walsh wrote an article about the html5 option window.postMessage API:

window.postMessage allows for sending data messages between two windows/frames across domains

Caniuse.com lists the browsers already supporting cross-document (postMessage).

edited Nov 28, 2021 at 18:56

surfmuggle

6,0408 gold badges58 silver badges96 bronze badges

answered Mar 18, 2014 at 12:26

VDP

6,4104 gold badges33 silver badges54 bronze badges

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

2 Comments

Maximus S Over a year ago

Hi @VDP. Thanks for your help. I am trying to use postMessage, but doing otherWindow.addEventListener("message", receiveMessage, false); results in security error because of cross origin. This defies the purpose of using postMessage API in the first place because that's precisely what I need. Do you have any advice?

VDP Over a year ago

My bet is you're using IE < IE11 :( It seems it's a known issue... Here's another stackoverflow question about it.

Collectives™ on Stack Overflow

Select frame context with javascript

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related