Get site root url in javascript

Question

Using Joomla to create my site. Let say my site is located at

https://domain.com/directory/siteName

I want to get this path in javascript on any page rendered on my site. The issue is, following internal sub menus and site's different settings, the path comes to be any one like these-

https://domain.com/directory/siteName/anyMenu/index.php

https://domain.com/directory/siteName/index.php

https://domain.com/directory/siteName/index.php?option=com_content&id=9

https://domain.com/directory/siteName/anyMenu

https://domain.com/directory/siteName/anyMenu.html

I have tried some solutions like-

var re = new RegExp(/^.*\//);
alert(re.exec(window.location.href));

It truncates the last node as index.php in case 1, also

var dummy = new Image;
dummy.src = '$';                 
alert(dummy.src.slice(0,-1));

does the same thing. So is there any way to get exact address where site is located using javascript only? Also the result must be generic for any site as if it is applied in any extension then that extension can be installed in any site with any level of directory structure.

I require this as I am using a js file which is internally registering another js file. So path for this, to be registered js has to be given in first js

user3274917 · Accepted Answer · 2016-09-30 15:21:38Z

2

You can use Joomla's JURI::base() function for that. Remember it's php. so you could do something like:

$document = JFactory::getDocument();
$document->addScriptDeclaration('var base = \''.JURI::base().'\'');

You can now use the base variable in your JS script. Remember to add it to the document after the declaration above.

answered Sep 30, 2016 at 15:21

user3274917

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Get site root url in javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related