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