Я не могу ясно понять вашу проблему.Поэтому я предоставил общее решение для доступа к содержимому iframe в другом файле.Надеюсь, это поможет вам.
main.html
<html>
<head><title>Parent Page</title></head>
<body>
<h3>Parent Page</h3>
<iframe src="a.html" id="one" name="one"></iframe>
<iframe src="b.html" id="two" name="two"></iframe>
</body>
</html>
child1.html
<html>
<head>
<title>Child 1</title>
<script type="text/javascript">
var var1 = 'Test';
function fun1(txt) {
document.getElementById('div1').innerHTML = txt;
}
</script>
</head>
<body>
IFRAME 1 Content in BODY
<div id="div1">Div content of the iframe 1</div>
</body>
</html>
child2.html
<html>
<head></head>
<title>Child 2</title>
<body>IFRAME 2<br>
<script type="text/javascript">
function function_in_child2(txt) {
var res1 = parent.one.document.body.innerHTML; //this gets the content of the IFRAME1 named as "one" in main.html
alert(res1);
var getvar1 = parent.one.var1; // gets the value of the variable "var1", which is defined in the child1 (iframe1 named as "one" in parent form)
document.getElementById('div2').innerHTML = getvar1; //displays the variable var1 in div2
parent.one.fun1("This value goes to fun1 of child1"); // Calls the function "fun1", defined in child1
}
</script>
<div id="div2"></div>
<button onclick="function_in_child2('<b>The text changed from iframe 2</b>')">Click Me</button>
</body>
</html>
Сначалафайл main.html, содержащий источники двух файлов a.html и b.html
. Содержимое файла a.html можно получить с помощью строки ниже в файле b.html
var res1 = parent.one.document.body.innerHTML;
Youможно получить значение переменной var1, которая находится в .html, через строку ниже
var getvar1 = parent.one.var1;
Вы можете вызвать функцию fun1, которая определена в файле a.html, используя строку ниже
parent.one.fun1("This value goes to fun1 of child1");