javascript - 如何通过单击特定按钮在 iframe 中打开特定 JSP 页面

Question

我正在使用 JavaScript 函数来创建 aniframe，但它不起作用。

我的主页上有 4 个按钮(使用 JSP)。我想在下面的同一个窗口中打开 4 个不同的页面(我们可以将其视为页眉和页脚)。 4 个按钮(位于页眉部分)中任何一个的 onClick 各自的页面应在同一页面(页 footer 分)中打开。 在上面(可以说如标题部分)我​​有一些文本框并希望将它们保留在每个页面上。 我正在使用 iframe。一个有静态 src 即 src="index.jsp" 和“页脚”，我想根据点击打开不同的页面。

我使用标题 iframe 作为 -

<iframe id='header_iframe' style="width: 100%; height:250px;" src="index.jsp" name="iframe_main" frameborder="0"></iframe>

我正在使用 javascript 函数创建 iframe，但它不起作用

作为-

function setIframe()
{
   var demo_Iframe = document.createElement("iframe");
   demo_Iframe.src = "http://localhost:8084/project/demo.jsp";
   demo_Iframe.id="demo_Iframe";
   demo_Iframe.width="100%";
   demo_Iframe.height="400px";
   document.appendChild(demo_Iframe);
}

我正在按钮的 onclick 事件上调用 setIframe()。

Answer 1

尝试

document.getElementsByTagName('body')[0].appendChild(demo_Iframe);

演示:Fiddle