Home/ Questions/Q 8069503
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T13:04:21+00:00

It’s possible with $(‘#iframe_id’).contents().find(‘.stuff_to_modify).addClass(‘whatever’); But it’s also possible using window.postMessage events, by sending a

  • 0

It’s possible with

$('#iframe_id').contents().find('.stuff_to_modify).addClass('whatever');

But it’s also possible using window.postMessage events, by sending a do_something message to a script from the iframe, which does the modifications when the message is received (adds that class).

I was wondering which is the way I should go, and what are the differences between these two methods (drawbacks, advantages).

The jQuery method seems nicer because I don’t need to include any script in my iframe anymore

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The major difference between window.postMessage and jQuery sample you gave is that, postMessage enables cross-origin communication.

    Meaning, if a Parent page which hosts the iframe is from domain A, while the content of the iframe is from domain B, then postMessage allows you to communicate while the jQuery approach will result in the security error.

    The link you provided is a java script wrapper to window.postMessage implementation of the browser and falls back to window location hash polling for browsers that do not support it. Other benefits are listed in your link itself.

    So, if the two pages are from same origin, i.e served from same domain, then you can go the jQuery approach itself. If it is from two different origins, you may have to use the JS wrapper.

    • 0