onclick =“location.href ='link.html'”无效

时间:2014-11-07 20:12:34

标签: javascript jquery html

试图找出如何添加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>

一直在看这个,任何帮助将不胜感激!谢谢!

2 个答案:

答案 0 :(得分: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>

请将您的UI与您的功能分开。它将使您的代码更易读,更易于维护。也就是说,您可以将链接粘贴到img中的数据属性中 - 如下所示:

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

JQuery的:

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

答案 1 :(得分:0)

您应该像其他人建议的那样在标签中添加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>