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

时间:2013-04-02 07:12:02

标签: javascript function jsp iframe webpage

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

我在主页面上有4个按钮(使用JSP)。我想在下面的同一个窗口中打开4个不同的页面(我们可以将其视为页眉和页脚)。 {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);
}

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

1 个答案:

答案 0 :(得分:0)

尝试

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

演示:Fiddle