javascripthtmlnoscript

HTML link - href if javascript is disabled, onclick if js is enabled

To send users to different links, I use a JS function that when called, creates an animation, times out for a bit and then location.href the user, the problem is that if a user does not have JS enabled, he will not be redirected to the site. Is there any way onclick wold redirect the user normally if he does not have JS enabled and redirect it with my function if JS is enabled?

Thanks is advance!

Solution

  • You could try creating the element with both href and onclick attributes. Then, in your JS, set the href attribute to "javascript:void(0)".

    Code would look something like this:

    html

    <a id="jsElement" href="/newPage.html" onclick="callFunction()">Text</a>

    javascript

    window.onload = function() {
    document.getElementById("jsElement").setAttribute("href", "javascript:void(0)");
}