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

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

But this button opens a page ".google" 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://'.

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

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

But this button opens a page "http://www.example./www.google." 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://'.

• javascript
• button
• onclick
• location-href

3 Answers 3

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

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.

Since you did not include a protocol (such as for example http), your browser will interpret www.google. as a link to http://www.example./www.google., since you are currently on http://www.example.. 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.