Skip to main content

How to get the location part of an absolute url using Javascript?



Let's discuss this with an example:

A url is having 3 parts which will be separated by a slash "/":

1. protocol
2. Domain / host name
3. location

sample url : http://www.crozoom.com/2013/googlenotes/techiscripts

The above give sample url is splitted to following parts:

protocol : http://
Domain : www.crozoom.com
Location: /2013/googlenotes/techiscripts

Now the question is how to do it using the JS code in simple steps:

1. remove the protocol part from the string
2. find first occurence of "/"
3. Add 1 to the first occurence position that we get in the above step
4. get the substring of the absolute url starting from the position given from the above step till the end of the string

the above steps are implemented in simple JS code snippet


<script>
function getUrl(absolute_url)
{

var pagelink="";
//var myurl=document.URL;

var myurl=absolute_url;

myurl=myurl.replace("http://","");

myurl=myurl.replace("https://","");

var n = myurl.indexOf("/");

if( n > 0 ){
var firstcharloc=n+1;

var pagelink= myurl.slice(firstcharloc,myurl.len);

alert("LOCATION : "+pagelink);
}else
alert("DOMAIN : "+myurl);

}



//Function call
getUrl("http://www.crozoom.com/2013/googlenotes");

//if you want to get the url page url or domain part o the absolute url of your page use like given below
getUrl(document.URL);

</script>

The above function will accept a url and if it is not a domain address , it will return the location part of that url.

Sample use of this script:

Suppose you had changed the address of your blogger blog to a new one, blooger currently doesn't provide an option for automatic redirect to a different blog. To tackle this we can create a clone of site and give the old blog address to it. Then use the edit Html option under Template menu and put the above JS script to redirect the links to it page in new blog address.

Click on the below link for a practical use of above script ( this will be helpful for bloggers having their blogs hosted on blogspot):

Related Posts:

Javascript function get the Query string of a URL or value of each parameter 

How to automatically redirect old blogger blogspot links to new blogger web address

Popular posts from this blog

Sachin Tendulkar's emotional farewell Speech at Wankhede Stadium, Mumbai - Full Text and Video

Full Text and Video of Sachin Tendulkar's emotional farewell Speech on Nov 16, 2014 On November 16, 2013 - Sachin Ramesh Tendulkar played his last international cricket match against West-Indies at the at Wankhede Stadium, Mumbai. After the match he gave an emotional farewell speech. No one would be able forget the speech. The eyes of the gathered people were tearfull. Through out the speech Sachin thanked each and everyone who supported and encouraged him to build up his glorius career which spanned 24 years.

How to remove backlinks to your website from low quality websites and how to Disavow websites?

Some webmasters may find their website's traffic dropped significantly after a particular day. The day before the traffic drop, might have received lots of visitors, but after that the web traffic dropped to less than 50%. Periodically Google releases some search algorithms which tracks low quality sites and penalise pages so that they may not appear in top positions of the search results there after and this will lead to low traffic to that website.

PHP script to list files in a given directory using opendir, readdir and glob functions

PHP script to list files in a given directory The below given script goes through a given directory and list the name of the files in the order as it is stored in the file system. The first script uses a directory handler to operate on a given directory. It opens the handler, reads file entries one by one by looping through the directory (during this step you can process the file ) and finally close the handler


Urgent Openings for PHP trainees, Andriod / IOS developers and PHP developers in Kochi Trivandrum Calicut and Bangalore. Please Send Your updated resumes to recruit.vo@gmail.com   Read more »
Member
Search This Blog