Question

js如何在当前页面打开子页面，不是打开新窗口

如图，红色下方是我现在的页面，当我调用js时打开红色页面，在我原有页面之上打开新的页面，不是在新窗口打开

Answer 1

如果你这个子页面是属于另一个页面（与当前页面不是同一个文件），可以用iframe标签来打开。

如果是属以同一个页面的内容，那么可以在那个位置先放一个空白的div，通过css预先设定好width、height以及是否需要滚动条等等，并设定id（比如abc），然后在必要的时候（比如点击某个链接）用js给这个div添加内容：

var div=document.getElementById("abc");
div.innerHTML+="<p>要添加的内容1</p>";
div.innerHTML+="<p>要添加的内容2</p>";
div.innerHTML+="<p>要添加的内容3</p>";
div.innerHTML+="<p>要添加的内容4</p>";

或者也可以预先给这个div填充内容，并在css中把它的display属性设为none（即隐藏），然后在必要的时候把它显示出来即可：

var div=document.getElementById("abc");
div.style.display="block";