Javascript/jquery method to get URL parameter of Address bar _javascript tips

Using jquery to get URLs and using jquery to get URL parameters is an operation we often use

1, jquery get URL is very simple, the code is as follows

Copy Code code as follows:

Window.location.href;

Actually just use JavaScript to base the Window object, and without the knowledge of jquery

2, jquery get URL parameters more complex, to use regular expressions, so learn JavaScript regular style how important things

First look at how simple JavaScript is to get a parameter in a URL

Copy Code code as follows:

function Geturlparam (name)
{
var reg = new RegExp ("(^|&)" + name + "= ([^&]*) (&|$)"); Constructs a regular expression object that contains a target parameter
var r = window.location.search.substr (1). Match (REG); Match target parameters
if (r!=null) return unescape (r[2]); return null; Return parameter value
}

Passing the parameter name in the URL through this function can get the value of the parameter, such as the URL
http://www.xxx.loc/admin/write-post.php?cid=79
We're going to get the CID value, you can write this:

Copy Code code as follows:

Geturlparam (' CID ');

Understanding the way JavaScript gets URL parameters, we can use this method to extend a method for jquery to get URL parameters through jquery, and the following generation

Code for jquery extended a Geturlparam () method

Copy Code code as follows:

(function ($) {
$.geturlparam
= function (name)
{
var reg
= New RegExp ("(^|&)" +
name + "= ([^&]*) (&|$)");
var r
= Window.location.search.substr (1). Match (REG);
if (r!=null) return unescape (r[2]); return null;
}
}) (JQuery);

After extending this method for jquery, we can get the value of a parameter by using the following method

Copy Code code as follows:

$.geturlparam (' CID ');