Kontrola zawartości iframe z javascript/html

Question

ciągu mojej stronie mam iframe tak:

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

(The iframe jest stroną w tym samym miejscu ...)

Moje pytanie brzmi, jest możliwe wykorzystanie JavaScript na stronie, która ma IFRAME do kontrolowania „thispage.html” (jak używać javascript funkcje?)

Answer 1

Tak, można. Powiedz, że iframeId to mojaIframe;

<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

Tak, jeśli dajesz iframe id, np

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

Można uzyskać dostęp do wewnętrznej okna tak:

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

Więc można nazwać swoje funkcje np

iw.theFunctionInsideIframe(); 

I można zlokalizować elementów DOM jak

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