javascript - onclick ="location.href=' link.html'"不起作用

Question

试图弄清楚如何添加 onclick="location.href='link.html'"。这样当用户点击图像时，它会将用户带到一个网址。 只是不确定如何将其包含在下面的代码中。这是我的代码...

<a class="thumbnail even" 
   onClick="_gaq.push(['_trackEvent', 'holiday', 'logo', 'jcpenney']);" 
   onmouseover="changeImgSrc('JCP_FullImage_321x400.png')"
   onmouseout="document.getElementById('partnerHoverImg').src='../images/FPO_FullImage_321x400.png'">
   <img src="../images/JCPenney_logo_150x110.png"/></a>

我已经看了一会儿，如果有任何帮助，我们将不胜感激!谢谢!

Answer 1

您已经将其包含在链接中。只需设置 href:

<a href="PUT YOUR LINK HERE" class="thumbnail even" onClick="_gaq.push(['_trackEvent', 'holiday', 'logo', 'jcpenney']);" onmouseover="changeImgSrc('JCP_FullImage_321x400.png')" onmouseout="document.getElementById('partnerHoverImg').src='../images/FPO_FullImage_321x400.png'"><img src="../images/JCPenney_logo_150x110.png"/></a>

请将您的用户界面与功能分开。它将使您的代码更具可读性并且更易于维护。也就是说，您可以将链接粘贴到 img 内的数据属性中 - 如下所示:

<img class="RedirectImage" data-url="www.google.com" src="blah.jpg"/>

JQuery:

$(".RedirectImage").click(function(e){
    document.location.href = $(this).data("url");
});