0

我有两个 iFrame 嵌入到一个父页面中。一个是导航栏,另一个是内容框架。

我需要使用导航框架内的按钮更改内容框架的来源,但是我发现目前这很难实现,我不知道为什么。

这是父页面的正文源:

<body>

<script type="text/javascript">

var links = [
'secondary.html',
'default.html'
];
var one, two;
window.onload=function() {
  one = document.getElementById('content');
  two = document.getElementById('content');
} 

function onenav(idx) {
    one.src=links[idx];
}

function twonav(idx) {
two.src=links[idx];
}

</script>
<iframe src='sidebar.html' name='sidebar' scrolling="yes" height="600" width="250"     seamless="seamless" frameborder="1" align="left">
</iframe>

<iframe src='default.html' name='content' scrolling="yes" height="600" width="800" seamless="seamless" frameborder="1" align="left"></iframe>

</body>

这是侧边栏页面的来源:

<button onclick="parent.onenav(0)">Secondary</button>
<button onclick="parent.twonav(1)">Default</button>

内容框架没有相关的 html 代码。

4

1 回答 1

2

您错过了 iframe 的 id 属性。利用

<iframe src='default.html' id="content" name='content' scrolling="yes" height="600" width="800" seamless="seamless" frameborder="1" align="left"></iframe>

它有效。

于 2013-01-29T09:32:16.653 回答