Javascript window.location.href onClick not working

Question

So I have a basic html page and basic Javascript in the head. I'm trying to redirect using Javascript once the function is activated through onClick but window.location.href wont work. window.alert works and everything else.

HTML

<html>
<head>

<title>Testing Aff Links</title>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<script type="text/javascript">
function myfunc(){

    window.location.href="http://youtube.com";
}
</script>
</head>



<body>

Link <a href="http://google.com" class="link" onClick="myfunc()">Link #1</a>

  </body>
      </html>

It worked for me in the beginning as well and all of a sudden stopped working. — mattchambers
– mattchambers, Commented Mar 4, 2015 at 13:31

Barmar · Accepted Answer · 2015-03-03 01:23:27Z

5

You need to return false from the onclick attribute to prevent the default action:

Link <a href="http://google.com" class="link" onClick="myfunc(); return false;">Link #1</a>

answered Mar 3, 2015 at 1:23

Barmar

789k57 gold badges555 silver badges669 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

nanndoj · Accepted Answer · 2015-03-03 01:23:20Z

-2

You are redirecting twice. Change it to:

Link <a href="javascript:;" class="link" onClick="myfunc()">Link #1</a>

answered Mar 3, 2015 at 1:23

nanndoj

6,7907 gold badges33 silver badges43 bronze badges

Collectives™ on Stack Overflow

Javascript window.location.href onClick not working

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related