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內的data屬性中，如下所示：

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

JQuery的：

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

Answer 2

您應該像其他人建議的那樣，在標簽中添加href="link.html" 。

如果您無法執行此操作，並且無法使用JavaScript添加其他處理程序，則只需在onclick屬性中添加另一條語句

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