How to get a automatically clicked link with javascript

Question

I created a button that links to rederect.html and in there i created a link using <a href> that has to be auto-clicked to go to index.html.

So when you are on index and used the button to get there you go to the rederect.html and automatically go back to index.html because the a href has to auto-trigger. The only problem is that the <a href> does not auto-trigger.

This is what i got so far:

<a href="index.html" class="banan" id="banan">Succesvol uitgelogt return naar login.</a>

<script type="text/javascript">
  window.onload = function() {
    $(function(){
      window.location.href = $('.banan').attr('index.html');
    });
  }
</script>

I used the window.onload event to try and trigger the function in there to trigger when you get on the redirect page. but it does not autorederect/click the <a href> or give back any errors so i really don't know how to fix this.

Possible duplicate of How do I programmatically click a link with javascript? — BSMP
– BSMP, Commented Nov 3, 2016 at 16:14

Mosh Feu · Accepted Answer · 2016-11-03 16:11:26Z

3

To get the attribute's value by using the function .attr you need to pass the attribute name which is href.

The .attr() method gets the attribute value for only the first element in the matched set

So:

window.location.href = $('.banan').attr('href');

edited Nov 3, 2016 at 16:11

answered Nov 3, 2016 at 16:09

Mosh Feu

29.5k18 gold badges94 silver badges141 bronze badges

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

4 Comments

B. Dionys Over a year ago

ok that is at least 1 step. thank you, but it still does not autoredirect. is there a way to test if the function actually does anything?

Mosh Feu Over a year ago

Yes, you can debug it. Put a break point on that line and see if the browser run it.

B. Dionys Over a year ago

it does not for me it just sits there with the link in the screen. does it need some kind of jfidle extention or something like that??

B. Dionys Over a year ago

it was the link i forgot. there was no : <script src="ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"> </script> in my code.

Esdras Suy · Accepted Answer · 2016-11-03 16:15:34Z

1

If you're already using jQuery, just use $(location).attr('href',url);. window.location.href seems to have inconstant behavior in some browsers, in fact, it flat out doesn't work in my version of Firefox. I've heard tell of setting window.location directly not working in versions of IE.

edited Nov 3, 2016 at 16:15

answered Nov 3, 2016 at 16:12

Esdras Suy

391 silver badge7 bronze badges

Comments

Razia sultana · Accepted Answer · 2016-11-03 16:20:40Z

1

Try this:-

 document.getElementById('yourLinkID').click();

answered Nov 3, 2016 at 16:20

Razia sultana

2,2513 gold badges18 silver badges21 bronze badges

Comments

score 1 · Accepted Answer · 2016-11-03 16:37:06Z

1

How about trying something like this-

<a href="index.html" class="banan" id="banan">Succesvol uitgelocht return naar login.</a>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script type="text/javascript">
 window.onload = function() {
  window.location.href = $('.banan').attr('href');
});
}
</script>

This works for me!

edited Nov 3, 2016 at 16:37

answered Nov 3, 2016 at 16:25

user6249539

7 Comments

B. Dionys Over a year ago

thank you im a total idiot on this one. i forgot the script src link......

user6249539 Over a year ago

Yeah, happens all the time. ;)

Asons Over a year ago

@B.Dionys Since this answer does not work, but Mosh Feu's does, and explains it well, I suggest you accept that one instead. Forgetting the actual link to jQuery is more a typo in this case, than an answer.

user6249539 Over a year ago

@LGSon, sorry it was my typo problem also, I copied his code and tried it on local. But forgot to copy my code here!

user6249539 Over a year ago

@B. Dionys- Yes go ahead, his answer was acceptable more than mine.

|

Collectives™ on Stack Overflow

How to get a automatically clicked link with javascript

4 Answers 4

4 Comments

Comments

Comments

7 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

4 Comments

Comments

Comments

7 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related