I understand the interwindow events. I chose topface as an example, I want to write an interwindow click or something.

How to prevent the frame to make the transition of the page that loads it? And in general, how can a topface interact and “understand” that it is in a frame? And why in the editor on this site (stackoverflow) there is no transition?

var iframe = document.getElementsByTagName('iframe')[0]; var iframeDoc = iframe.contentWindow.document; if (iframeDoc.readyState == 'complete') { iframeDoc.body.style.backgroundColor = 'green'; } iframe.onload = function() { var iframeDoc2 = iframe.contentWindow.document; iframeDoc2.body.style.backgroundColor = 'orange'; // iframeDoc2.body.getElementById('id').innerHTML = 'Новый BODY!'; var iBody = iframeDoc2.body; // iBody.innerHTML = 'Новый BODY!'; var iId = iframeDoc2.getElementById('id'); // iId.innerHTML = 'Новый ID!'; var iBu = iframeDoc2.getElementById('button'); // $( iBu ).trigger('click'); while (true) { console.log("1"); } } 
  *{ padding: 0px; margin: 0px; border: 0px; } iframe{ width:100%; height:100vh; } 
 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> </head> <body> <iframe src="http://topface.com/"></iframe> </body> </html>

  • Check out this material - stackoverflow.com/questions/16182993/… - ghost rider
  • Thank! How window.onbeforeunload = function (e) {not to set and immediately disable? I tried the retourn fall - nothing. - VINET
  • @VINET try out e.preventDefault () - Umer
  • If you are given an exhaustive answer, mark it as correct (a daw opposite the selected answer). - Nicolas Chabanovsky ♦

1 answer 1

  var iframe = document.getElementsByTagName('iframe')[0]; var iframeDoc = iframe.contentWindow.document; if (iframeDoc.readyState == 'complete') { iframeDoc.body.style.backgroundColor = 'green'; } iframe.onload = function() { var iframeDoc2 = iframe.contentWindow.document; iframeDoc2.body.style.backgroundColor = 'orange'; // iframeDoc2.body.getElementById('id').innerHTML = 'Новый BODY!'; var iBody = iframeDoc2.body; // iBody.innerHTML = 'Новый BODY!'; var iId = iframeDoc2.getElementById('id'); // iId.innerHTML = 'Новый ID!'; var iBu = iframeDoc2.getElementById('button'); // $( iBu ).trigger('click'); while (true) { console.log("1"); } } 
  *{ padding: 0px; margin: 0px; border: 0px; } iframe{ width:100%; height:100vh; } 
 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> </head> <body> <iframe src="http://zulubet.com/"></iframe> </body> </html>