Get Hash Value From Current Page URL In jQuery

3 Comments | 2541 Views | Post by: Admin | Tags: Get Hash Value From Current Page URL In jQuery,Get Hash Value,Get Hash Value From Current Page URL


In this tutorial we will learn How Get Hash Value From Current Page URL In jQuery using asp.net/c# code.


Introuction:-

In this tutorial we will learn How Get Hash Value From Current Page URL In jQuery using asp.net/c# code.

Description:-

Now here in this tutorial, I’ll explain how to read or get hash value from current page URL or QueryString in client-side using JavaScript or jQuery in Asp.net with example code.

so lets starts the coding.

Get Hash Value From Current Page URL In JavaScript

In javascript we use the following codes to get the current page URL

var currentURL = window.location; 

In javascript we use the following codes to get the current page URL hash value from current page URL or Querystring

var currentHashURL = window.location.hash; 

Below is the complete example source codes that will demo you to get hash values of current page URL

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
      <title>How to Get Current Page URL Hash Value In jQuery</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js">
    </script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("a#btnGetHashValue").click(function () {
                alert(window.location.hash.substr(1));
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <table>
        <tr>
            <td>
                <strong>Click here to SET hash value to current URL: </strong>
                <a id="btnSetHashValue" href="#8743b52063cd84097a65d1633f5c74f5">Set Hash Value</a>
            </td>
        </tr>
        <tr>
            <td>
                <strong>Click here to GET hash value to current URL: </strong>
                <a id="btnGetHashValue" href="javascript:">Get Hash Value</a>
            </td>
        </tr>
    </table>
    </div>
    </form>
</body>
</html>

So In the javascript function we have used Substr function to extract values from the Address location and remove the first "#" character from the hash value.
Remember : To run above example, first you need to click on Set Hash Value link button to SET the hash value in current page url, then click on Get Hash Value link button to GET the hash value.


Post Comments

if you have some suggestion, question, request on Get Hash Value From Current Page URL In jQuery.

Please use the comment box to express your views.

 

Comments:

loading...