What's wrong with this link? next>

Question

I construct this link in my main.js file. Unfortunately, instead of calling the fuction getNextPage it causes my browser to scroll upwards.

<a href="javascript:getNextPage();"> doesn’t work either.

Things do work corretly when typed into the HTML code of my page. I do however then lose my scope variables.

Any ideas?

in href use: `javascript:void(0)`, the href link is run first and it adds # to your url, so it scroll to top page. javascript:void(0) do nothing, so the href will not work and will run your function. — Yan Mayatskiy, Dec 04 '16 at 13:04
Try removing the `href` and please show some code for us to help or else we won't know the variable scopes you are talking about. — Ayan, Dec 04 '16 at 13:04

Andriy Ivaneyko · Answer 1 · 2016-12-05T09:34:44.550

4

The issue there is the > char within the body of the <a> tag. It's a character which shall be escaped (see more on HTML Encoding).

The HTML below should work for you:

function getNextPage(){alert('Hi')};

<a href="#" onclick="getNextPage();">next&gt;</a>

edited Dec 05 '16 at 09:34

answered Dec 04 '16 at 13:10

Andriy Ivaneyko

18,421
4
52
73

No, the literal greater than is not great code, but it’s not causing the OP’s problem. – Tim Grant Dec 04 '16 at 14:21

score 1 · Answer 2 · edited May 23 '17 at 12:17

You need to stop the default behavior of the HTML anchor link (href="#").

For an onclick event defined inline, you must explicitly pass the click event, so its default behavior (following the href anchor link) can be prevented:

<a href="#" onclick="getNextPage(event)">next></a>

Then, prevent it in the handler with "preventDefault":

<script>
function getNextPage(e) {
  e.preventDefault();
  console.log("Next page");
} 
</script>

score 0 · Answer 3 · answered Dec 04 '16 at 13:05

The best would be <a href="" onclick="getNextPage();"> just like you did (without the # if you don't want the scrolling) But it's supposed to work try to put an alert in your getNextPage function.

You should provide more information; the javascript code. Do you get any error in the console?

score -1 · Answer 4 · answered Dec 04 '16 at 14:00

-1

My suggestion is to use the following code

<a href=“” onclick=“getNextPage();”>next&gt;</a>

Please provide more code so that i can provide appropriate help to you.

answered Dec 04 '16 at 14:00

Farrukh Afzaal Kurd

44
3

This code won’t work with the “smart quotes” still in place. – Sebastian Simon Dec 04 '16 at 14:14
Use this code the next> instead – Farrukh Afzaal Kurd Dec 04 '16 at 15:41

What's wrong with this link? next>

4 Answers4