location.href to a link without http://

Question

I have a webpage - http://www.example.com/ - where I have a button. On click of the button I need to go to a particular link (www.google.com). The button is like :

<input type="button"
       onclick="javascript:location.href='www.google.com'"
       value="Click" />

But this button opens a page "http://www.example.com/www.google.com" which is wrong URL.

I have tried window.location, document.location, document.location.href, location.href but all in vain.

The URL in my onclick can not be restricted to begin with 'http://'.

score 8 · Answer 1 · answered Aug 31 '12 at 11:21

8

You can use the "current" protocol by prefixing your URLs with //

answered Aug 31 '12 at 11:21

slugonamission

9,562
1
34
41

I don't need to use the current protocol. I need to open a new page in the same window (www.google.com) – Riju Mahna Aug 31 '12 at 11:30
1

Then again, prepend your links with `http://` or `//`, there's no other way to do it. – slugonamission Aug 31 '12 at 12:05

score 4 · Answer 2 · answered Jun 14 '18 at 11:53

4

prefixing http:// before url may solve your issue.

if (!url.match(/^http?:\/\//i) || !url.match(/^https?:\/\//i)) {
        url = 'http://' + url;
    }

check this and this for more information.

answered Jun 14 '18 at 11:53

Satish

696
1
11
22

score 2 · Accepted Answer · edited Aug 31 '12 at 11:36

2

Since you did not include a protocol (such as for example http), your browser will interpret www.google.com as a link to http://www.example.com/www.google.com, since you are currently on http://www.example.com. Add whatever protocol you want to the href-string, but if you are referring to somewhere else than on the site itself, you must have the protocol.

edited Aug 31 '12 at 11:36

Fluffeh

33,228
16
67
80

answered Aug 31 '12 at 11:21

Findus

130
9

location.href to a link without http://

3 Answers3