单击特定按钮后如何在iframe中打开特定的JSP页面

Question

我正在使用JavaScript函数创建aniframe，但无法正常工作。

我在主页上有4个按钮（使用JSP）。 我想在下面的同一窗口中打开4个不同的页面（我们可以将其视为页眉和页脚）。 应该在同一页面（在页脚部分）中打开一个相应页面的四个按钮（位于页眉部分）中的任何一个onClick 。 在上面（可以说是标题部分），我有一些文本框，并希望将其保留在每个页面上。 我正在使用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);

演示： 小提琴