'Mysite.com' is in the iframe at liveweave.com, and it in turn at codepen.io
Example: http://codepen.io/rd2d2/pen/qbawxW
How can I determine from 'Mysite.com' whether it is in multiple cross-domain iframes?

<iframe src='http://mysite.com/' width='100%' height='300'></iframe> <!-- Как средствами JS определить более 2х кросс-доменных ифрейма? -->

    2 answers 2

    Each frame has its own window variable. To get this variable for the parent window, you can use the window.parent property.

    However, there is a problem with your task. Due to the same-origin limitations in fairly modern browsers, it is not possible to find out the address of the “not your” parent frame (the location.href property in the “write only” access mode). Therefore, you can try to read the location.href property of the parent frame. If there is an exception, then the parent frame is “alien”.

    Accordingly, your check may look like this:

     var countAlienDomains, frameParent, frameHref; countAlienDomains = 0; frameParent = window; while (frameParent != frameParent.parent) { frameParent = frameParent.parent; try { frameHref = frameParent.location.href; } catch (e) { countAlienDomains += 1; } } console.log(countAlienDomains);
    • Thanks, but it looks like window.document.location not available - Uncaught SecurityError: Blocked a frame with origin ... Maybe there is another option to get the number of frames? - rd2d2
    • while (window.self != window.top) - looks like an endless loop. - rd2d2
    • one
      @ rd2d2 I apologize. Hurried - wrote nonsense. Redid and checked. - tutankhamun
    • Thank you very much! Everything is working. - rd2d2

    Try it, it can help:

     top.module.something1('hello');

    or with jQuery https://stackoverflow.com/a/2945106 :

     var frameDocument = $('frame[name="mainFrame"]', top.document)[0].contentDocument; $(frameDocument).find('body').prepend('<h1>TEST!!!!</h1>')