location.href = 'URL' redirects to a new page not a new website

Question

I am trying to make a project that involves redirecting to another website. I am having trouble doing that.

Here is my code

document.getElementById("ContinueToWeb").onclick = function () {
   location.href = "google.com";
}

<html>
  <head>
    <!--Some code here-->
  </head>
  <body>
    <!--Some code here-->
    <button id="ContinueToWeb">Continue</button>
  </body>
</html>

For some reason, it redirects from c:/folder/index.html to c:/folder/google.com even though I am telling it to go from c:/folder/index.html to google.com. Do you know what's happening?

If you told it go go to `index2.html` would you expect it to go to `http://index2.html`? — Quentin, Dec 22 '21 at 08:11

score 2 · Accepted Answer · answered Dec 22 '21 at 08:09

2

You have to add the protocol for the link or else it defaults to what the site is using which is your local filesystem. Use https://www.google.com instead

answered Dec 22 '21 at 08:09

gbac

216
3
11

That worked thanks – Jerry Lin Dec 22 '21 at 08:13

location.href = 'URL' redirects to a new page not a new website

1 Answers1