如何使整个div成为某个地方的链接？

Question

我有一个div块，我想成为某个地方的链接。我不认为我可以将它包装在一个锚标记中，因为我认为你不应该在一个块元素周围包含一个内联元素。

目前我只使用javascript并且工作正常，但状态栏在将鼠标悬停在div上时不会显示目标网址。

Answer 1

尝试用锚替换div，并使锚成为block级元素。

Live Demo

HTML

<a href="http://awesomecows.com" class="blockLink">Block Link!</a>

CSS

.blockLink{
    display:block;
    padding: 5px;
    text-align: center;
    border: 1px solid black;
    width: 90px;
}

Answer 2

我知道你说你只是在使用javascript，但如果你使用jQuery这很容易做到：

$('#mydiv').click(function(){
    window.location.href = [your url here];
});

对于状态栏，如果您使用此方法，它将无法显示它的位置。当然，如果你想要的话，你可以把URL放在div的title属性中......