No-Javascript Detection Script + Redirect

by

Gdoron mentioned noscript already. Together with meta refresh¹ you can redirect users if they have JavaScript disabled.

A JavaScript redirect can be done with location.replace(URL).

<head>
  <noscript>
    <meta http-equiv="refresh" content="0; url=http://example.com/without-js" />
  </noscript>

  <script>
    location.replace('http://example.com/with-js');
  </script>
</head>

Example of noscript+meta refresh: http://pastehtml.com/view/bsrxxl7cw.html

1) Mind the drawbacks section of the Wikipedia article!

Meta refresh tags have some drawbacks:

  • If a page redirects too quickly (less than 2-3 seconds), using the “Back” button on the next page may cause some browsers to move back to the redirecting page, whereupon the redirect will occur again. This is bad for usability, as this may cause a reader to be “stuck” on the last website.
  • A reader may or may not want to be redirected to a different page, which can lead to user dissatisfaction or raise concerns about security.

More Related Contents:

  1. How do I redirect to another webpage?
  2. Any Javascript GURU here to make this Script ? If Anchor is Changed Redirect the Page
  3. How to manage a redirect request after a jQuery Ajax call
  4. How to set a cookie for another domain
  5. How do I redirect with JavaScript? [duplicate]
  6. Page redirect with successful Ajax request
  7. Using $window or $location to Redirect in AngularJS
  8. Change URL and redirect using jQuery
  9. Redirecting to a relative URL in JavaScript
  10. A good way to redirect with a POST request?
  11. Javascript Redirect with Google Analytics
  12. How to redirect if javaScript is disabled?
  13. How to redirect the user to another page after login using JavaScript Fetch API?
  14. Go to URL after OK button if alert is pressed
  15. I need to get rid of the parentheses around a number inside of a
  16. Display Image alt text using vanilla Javascript
  17. Increment inside for loop in Javascript
  18. Binding arrow keys in JS/jQuery
  19. variable === undefined vs. typeof variable === “undefined”
  20. Can someone explain the “debounce” function in Javascript
  21. Webhoster inserts a javascript which brokes my code how to remove it?
  22. Object.keys() complexity?
  23. Google MAP API v3: Center & Zoom on displayed markers
  24. How to trigger off callback after updating state in Redux?
  25. Conditional build based on environment using Webpack
  26. How to prevent html/JavaScript code modification
  27. Trying to hash a password using bcrypt inside an async function
  28. How to optimize website for touch devices
  29. Is it possible to use axios.all with a then() for each promise?
  30. How to check a file’s existence in phone directory with phonegap

Leave a Comment