将div转换为链接

Question

我用Google搜索了如何将div转换为链接，但似乎有很多技术，但似乎没有一种技术可以在IE中运行良好。

将div转换为链接的最佳/最简单技术是什么？

Answer 1

为什么不使用锚标记并将其显示为块元素？

a { 
   display: block; 
   //remaining code here
}

Answer 2

你是什么意思“进入一个链接”？你可以这样做：

#mydiv {
  color: #00f;
  cursor: pointer;
}
#mydiv:hover {
  color: #f0f;
}

Answer 3

或者你是说这个？

<div onClick="window.location = 'http://www.cannonade.net';">blah</div>

Answer 4

原始JavaScript：

<div onclick="alert('You clicked me !')">Click Me</div>

<强> jQuery的：

$('#div_id').click(function(){
  alert('Clicked !!');
});

或

<div class="myBox">
     blah blah blah.
    <a href="http://google.com">link</a>
</div>

<强> jQuery的：

$(".myBox").click(function(){
     window.location=$(this).find("a").attr("href");
     return false;
});

上面的代码取消了链接（转到链接）与return false的默认操作，并将click事件绑定到具有类myBox的div，然后找到链接的src div中的1}}属性和window.location用于将页面重定向到div中存在的链接的src属性。所以这基本上使div可以点击。