从具有相同父项的单独iFrame更改iFrame源代码？

Question

这是我无法使用的完整最新代码。 这是主窗口HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Website</title>
<link rel="stylesheet" type="text/css" href="css/main.css" />
</head>

<body background="core_rec/web_res/cf2.jpg">
<center>
<table width="720" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="180"><img src="core_rec/logos/metaltop.png" /></td>
<td colspan="3"><img src="core_rec/web_res/title.png" align="bottom"/></td>
</tr>
<tr>
<td width="180"><img src="core_rec/logos/metalbottom.png" /></td>
<td width="70"><center><font id="menutext">Menu</font></center></td>
<td width="100"><center><font id="menutext">Info</font></center></td>
<td width="200"><center><font id="menutext">Products/Services</font></center></td>
<td width="170"><center><font id="menutext">Contact</font></center></td>
</tr>
</table>
<br /><br />
<table height="80%" width="720">
<tr>
<td width="140"><iframe src="iframes/menus/main.html" width="140" id="sidebar"></iframe></td>
<td width="540"><iframe src="iframes/bodies/main/main.html" width="540" name="bodyframe" id="bodyframe"></iframe></td>
</tr>
</table>
</center>
</html>

这是menus / main.html。 它包含按钮。

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>iFrame Main</title>
<link rel="stylesheet" type="text/css" href="../../css/main.css" />
</script>
</head>

<body bgcolor="#000000">
<center>
<font id="sidebartext">
Main<br /><br />
Other Feeds<br /><br />
<button onclick="parent.document.getElementById('bodyframe').src='../bodies/main/othersites.html'">Other Sites</button><br /><br />
</font>
</center>
</body>
</html>

每当我按菜单框架上的按钮时，主体框架就不会改变。

Answer 1

您拼写错误的getElementById ：最后一个字母d不应大写。

代替window.document.getElementById您可以编写document.getElementById ，因为window是浏览器javascript中的全局对象（至少每个window /（i）frame是全局对象）

http://jsfiddle.net/kNrVL/

Answer 2

确保在简单的服务器上运行它并进行测试。 对于iframe，许多浏览器都有限制。

如果使用file：//协议，许多文件将无法正常工作，如果您直接打开html文件（即：不是通过服务器），则会使用该文件。

从具有相同父项的单独iFrame更改iFrame源代码？

问题描述

2 个解决方案

解决方案1
0 2012-06-11 11:40:39

解决方案2
0 已采纳 2012-06-11 20:07:08

从具有相同父项的单独iFrame更改iFrame源代码？

问题描述

2 个解决方案

解决方案1 0 2012-06-11 11:40:39

解决方案2 0 已采纳 2012-06-11 20:07:08

解决方案1
0 2012-06-11 11:40:39

解决方案2
0 已采纳 2012-06-11 20:07:08