Question

如何用JS使div id="aa"里的链接，点击后显示到div id="bb"里

<div id="aa"><a href="aa.html">链接</a></div>
<div id="bb"></div>
如何用JS实现点了链接后，aa.html的内容显示到下面这个DIV里面？

Answer 1

<div id="cc" style="position:absolute;top:20;left:20;">22</div>
<div id="ss"></div>
<br> <br> <br>
<div id="bb">
<input type="button" value="向右移动" onclick="a()">
<input type="button" value="向左移动" onclick="b()">
<input type="button" value="显示隐藏" onclick="c()">
<input type="button" value="添加div" onclick="d()">
<input type="button" value="删除div" onclick="e()">

</div>
<script>
var aa= document.getElementById("cc");
var bb= document.getElementById("ss");

//向右下移动代码
function a(){
aa.style.top =parseInt(aa.style.top) - 10;
aa.style.left =parseInt(aa.style.left) - 10;
}

//向左上移动代码
function b(){
aa.style.top =parseInt(aa.style.top) + 10;
aa.style.left =parseInt(aa.style.left) + 10;
}
//显示隐藏代码
function c(){
aa.style.display = (aa.style.display =="none")?("block"):("none");
}

//添加div代码
function d(){
bb.innerHTML="<div id='ss' style='position:absolute;top:30;left:20;'>从js添加的div</div>";
}

//删除div代码
function e(){
bb.innerHTML="";
}

</script>

Answer 2

这个你要加一个iframe元素，而不是div元素。
<div id="aa"><a href="javascript:document.getElementById('bb').src='aa.html'">链接</a></div>
<iframe id="bb"></iframe>

Answer 3

不用js也行, 可以用锚来实现