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

2025-01-05 00:43:24

推荐回答（1个）

回答1：

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

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

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

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

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