How do I use Javascript to find the baseurl, add some other parts of a url and open in a new page?

Question

I'm using Joomla 3 and want to use Javascript to find the base url of the page, extend this url with some other bits and send a variable through the url. Then open this page in the same window.

Specifically if the base url is 'www.webpage.com', I would like to add '\index.php\animals' and then a variable '?delete=true'.

So far my code looks like this:

var urlRedirect = location.host + '/index.php/animals?delete=true';
window.open(urlRedirect,"_self",false);

If I use an alert to view urlRedirect I can see the entire url I would expect eg www.webpage.com/index.php/animals?delete=true but the page is not opening where I want. It is just going to be the base url, I suspect the default page if a weird url is entered.

What code should I use to do this?

Answer 1

I found the answer. In Joomla I don't need to add the host. The below does what I need.

window.open('animals?delete=true',"_self",false);

Answer 2

Use below code to get the host name

window.location.host

And to open the url in same tab/page, use either

window.location.href = window.location.host + '/index.php/animals/?delete=true';

or

window.open(window.location.host + '/index.php/animals/?delete=true','_self');

Answer 3

Try using the following:

window.location.href = '/path';