jQuery获取URL

在Web开发过程中，经常需要获取当前页面的URL，以便进行一些操作，比如将URL中的参数传递给后台。jQuery提供了便捷的方法来获取当前页面URL及其参数。

获取当前页面URL

var currentUrl = $(location).attr('href');

上述代码使用jQuery的attr()方法获取location对象的href属性，即当前页面的完整URL。

获取URL参数

若要获取URL中的参数，需要使用window.location.search属性来获取问号后面的部分，即参数部分。例如，下面的URL包含了两个参数，id和name：

https://example.com/product?id=123&name=abc

可以使用以下代码来获取参数：

var urlParams = new URLSearchParams(window.location.search);
var id = urlParams.get('id'); // 123
var name = urlParams.get('name'); // abc

先使用URLSearchParams方法将参数部分转换成URLSearchParams对象，然后使用get()方法获取需要的参数值。可以将以上代码封装成一个函数来注册window对象的load事件，以便在DOM加载完成后获取参数：

$(window).on('load', function(){
  function getUrlParameter(sParam) {
    var sPageURL = RegExp('(?:\\?|&)' + sParam + '=([^&]*)').exec(window.location.search);
    return sPageURL == null ? null : decodeURIComponent(sPageURL[1]);
  };
  var id = getUrlParameter('id');
  var name = getUrlParameter('name');
  console.log('id: '+id+'; name:'+name);
});

以上函数使用正则表达式来从URL中提取参数值，并使用decodeURIComponent方法解码这些值。

获取Hash值

如果需要获取当前URL中的哈希值，也可以使用jQuery来进行操作。哈希值是URL中#符号后面的部分。

var hash = window.location.hash;

以上代码使用window.location.hash属性来获取当前URL中的哈希值。

获取完整路径

若要获取当前页面的完整路径而不包含哈希值，可以用以下代码：

var path = location.pathname + location.search;

以上代码将location.pathname和location.search连接起来得到完整路径。

小结

以上就是如何使用jQuery来获取不同类型的URL信息的相关内容。了解这些方法将会在Web开发过程中非常有用，因为我们需要在不同的情况下使用这些信息来进行操作。