Notes (1) – Obtain URL information using JavaScript

By Nethru Limited (www.nethru.com)

Do you have a practice to jot down some notes for what you have studied or learnt when you are doing your works? I am going to share my notes to you here, hope that they are useful to you as well.
Let’s start from a simple but common one – obtain URL information using JavaScript.

Suppose you are coding in this URL:
http://www.nethru.hk:8080/demo/helloworld.php?user=guest#debug
If you put the following JavaScript codes to your page

<script type="text/javascript">
    document.write("location.href: "+location.href+"<br/>");
    document.write("location.protocol: "+location.protocol+"<br/>");
    document.write("location.hostname: "+location.hostname+"<br/>");
    document.write("location.host: "+location.host+"<br/>");
    document.write("location.port: "+location.port+"<br/>");
    document.write("location.pathname: "+location.pathname+"<br/>");
    document.write("location.search: "+location.search+"<br/>");
    document.write("location.hash: "+location.hash+"<br/>");
</script>

Your page will show:
location.href: http://www.nethru.hk:8080/demo/helloworld.php?user=guest#debug
location.protocol: http
location.hostname: www.nethru.hk
location.host: www.nethru.hk:8080
location.port: 8080
location.pathname: /demo/helloworld.php
location.search: ?user=guest
location.hash: #debug