html5 js拖拽释放鼠标怎么触发事件

Question

左边有个div块命名为A，右面有个div块命名为B.用鼠标拖动A到B中，在释放鼠标的时候在B中打开一个本地的.htm文件。应该怎么写？
下面是我写的一部分代码

<div  id="center" ondrop="drop(event)"  ondragover="allowDrop(event)"  >
<h1 style="text-align:center">拖动放到此处</h1></div>
<a id="baidu" href="http://www.baidu.com"></a>

js部分

 oDiv.ondrop = function(ev){  //释放鼠标的时候触发  

        this.style.background = 'Tan';    //释放后颜色

      //window.location.href=""


    };  

用window.location.href=的话会直接弹出一个新的页面 我想在上面的div中打开应该怎么写？
需要用ifram吗？如果用ifram的话应该怎么嵌套 我小试一下弄不出效果来。。。

Answer 1

在你的div里加上如下代码

 <div>
<iframe src="foot.html" width="" height=""></iframe>
</div>

这个iframe的src可以根据你的需要动态的变的