Question

点击div实现a标签的跳转效果

下面是一个div
<div ></div>，（这个有css，我暂时不在这里写上，但这个div有背景）。我要的效果是：当我把鼠标移到这个div上（或背景上），并点一下它，它就会像a标签那样跳转到某个页面。前提是div里面不能有任何东西，div外面也不能有a标签，可以用js，请问如何才能达到我的效果？

Answer 1

<div id="ttt" style="width:100px; height:100px; background-color:#ccc;"></div>

window.onload = function(){
    var obj = document.getElementById('ttt');
    obj.onclick=function(){  
        window.location.href="跳转的地址";            
     }
 }

Answer 2

不能改动html么？我倾向于把div换成a标签，然后修改样式，这样比较简单。
也可以添加标签，定位到div上面，

如果用js的话，在div上面添加事件，在当前页面打开新页面，可以修改location.href，
在新页面中打开，用window.open()

Answer 3

<div id="go'>点我<div>

<script>
document.getElementById("go").onclick = function(){
locatoin.href="http://www.baidu.com";

}
</script>