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

Question

I am using a javascript function to create aniframe, but its not working.

I have 4 buttons on the main page (using JSP). I want to open 4 different pages within the same window below that(we can think it as header and footer). onClick of any of the 4 buttons(that are in the header part) one respective page should open within the same page (in footer part). on above (can say as in header part) I have some textboxes and want to keep them on every page. I am using an iframe . One has the static src ie src="index.jsp" and the "footer" one I want to open a different page as per click .

I am using the header iframe as -

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

I am using javascript function to create iframe, but its not working

as-

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);
}

I am calling setIframe() on onclick event of button.

Answer 1

Try

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

Demo: Fiddle