如何通过单击另一个框架在新框架中提交页面

时间:2011-01-20 13:18:23

标签: javascript html css

我的网页上有两个框架,如下所示 + -------- + ----------------- +
| ------- | ---------------- |
| ------- | ---------------- |
| ------- | ---------------- |
| -frame1 | ----- frame2 ----- |
| ------- | ---------------- |
| ------- | ---------------- |
| ------- | ---------------- |
| ------- | ---------------- |
+ -------- + ----------------- +

当我点击第1帧(导航菜单框)时,它应该在第2帧(内容框架)上显示内容。但是现在当我点击frame1时,内容框架会显示在frame1本身上(覆盖导航菜单框)。

我无法使用“目标”选项,因为在frame2中显示的页面的链接代替,我想我必须在onClick函数中设置来自frame1的源,如下所示

onClick =“document.getElementId('frame1Id')。src ='frame2';

但这不起作用,因为我在firefox中看到javascript错误: document.getElementById(“frameId”)为null

任何人都可以帮我解决这个问题。

1 个答案:

答案 0 :(得分:0)

尝试类似:

onclick="window.top.frames['frame2'].src = 'newpage'"

如果不起作用,请尝试在包含两个框架的页面中定义一个函数

function setFrame2(src) {
    document.getElementById('frame2').src = src;
}

和第1帧

onclick="window.top.setFrame2('newpage');"