我有两个 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 代码。