Steuerung iframe Inhalte mit Javascript/html

Question

Innerhalb meiner Webseite habe ich ein iframe in etwa so:

<iframe src="thispage.html" width="100%" height="600" frameBorder="2"></iframe> 

(Der iframe ist einer Seite auf dem gleichen Gelände ...)

Meine Frage ist, ist es möglich, Javascript auf der Seite zu verwenden, die den iframe den ‚thispage.html‘ (wie die Verwendung von JavaScript-Funktionen?)

Answer 1

lokalisieren Ja, Sie können. Sagen Sie, Ihre iframeId ist dann myIframe;

<iframe id="myIframe" 
     src="thispage.html" width="100%" height="600" frameBorder="2"></iframe> 

JavaScript:

//get the iframe 
var iframe = document.getElementById("myIframe"); 

//For ex; say you have a button called mybutton in thispage.html page 
//you can access it as follows. 
var btn = iframe.contentWindow.document.getElementById('mybutton'); 

//if you need to call a function 
iframe.contentWindow.yourFunction(); 

Answer 2

Ja, wenn Sie eine ID zu steuern hat, geben Sie Ihren iframe zum Beispiel

<iframe src="thispage.html" width="100%" height="600" frameBorder="2" id="MyIframe"></iframe> 

Sie können die inneren Fenster wie folgt zugreifen:

var iw = document.getElementById("MyIframe").contentWindow; 

So können Sie die Funktionen aufrufen, z

iw.theFunctionInsideIframe(); 

Und Sie können die DOM-Elemente wie

var anElement = iw.document.getElmentByID("myDiv");