把一个div变成一个链接

我有一个<div>块与一些花哨的视觉内容，我不想改变。我想让它成为一个可点击的链接。

我正在寻找类似于<a href="…"><div>…</div></a>，但这是有效的XHTML 1.1。

当前回答

这对我来说很有用:

<div onclick="location.href='page.html';"  style="cursor:pointer;">...</div>

其他回答

我自作聪明的回答是:

对“如何使块级元素成为超链接并在XHTML 1.1中验证”的回避回答

使用HTML5 DOCTYPE DTD即可。”

但ie7并不适用

onclick = " location.href =“page.html”;“

适用于IE7-9, Chrome, Safari, Firefox，

需要一点javascript。但是，你的div是可点击的。

<div onclick="location.href='http://www.example.com';" style="cursor:pointer;"></div>

你不能让div本身成为一个链接，但是你可以让一个<a>标签作为一个块，与<div>具有相同的行为。

a {
    display: block;
}

然后你可以设置它的宽度和高度。

这对我来说很有用:

<div onclick="location.href='page.html';"  style="cursor:pointer;">...</div>

这是一个古老的问题，但我想我应该回答它，因为这里的每个人都有一些疯狂的解决方案。其实非常非常简单……

锚标记是这样工作的-

<a href="whatever you want"> EVERYTHING IN HERE TURNS INTO A LINK </a>

Sooo ...

<a href="whatever you want"> <div id="thediv" /> </a>

虽然我不确定这是否成立。如果这就是口头解决方案背后的原因，那么我道歉……

推荐文章