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

JavaScript015

js如何在当前页面打开子页面,不是打开新窗口,第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"

这个有好几个方法:

1,<a href="跳转的地址" target="_blank">我要跳转去别的地方</a>

2,用JS,onclick方法

①onclick="javascript:window.location.href='URL'"

②onclick="location='URL'"

③onclick="window.location.href='URL?id=11'"

3,jQuery方法,这个要引入jqeury版本js文件

<a id="aaa">我要跳转去别的地方</a>

$("#aaa").click(function(){    window.open('这里填写跳转的页面的地址')})