js+jquery obtener URL obtener tutorial de parámetros

tren de pensamiento

El desarrollo front-end no tiene un método para obtener directamente parámetros de URL como el back-end, como $_GET.

<?php echo $_GET["hu6cc"]; ?>

Es más complicado obtener parámetros de URL en el front-end, y se necesitan expresiones regulares js+ para leer y separar URL para lograr el método de obtención de parámetros.

Obtener método de parámetro de URL

Este es un método js completo para obtener parámetros de URL

   //获取url中的参数
    function getUrlParam(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
        var r = window.location.search.substr(1).match(reg);  //匹配目标参数
        if (r != null) return unescape(r[2]); return null; //返回参数值
    }

Puede obtener el valor del parámetro pasando el nombre del parámetro en la URL a través de esta función, por ejemplo:

http://www.che0.com/?url=hu6.cc

Queremos obtener el valor de reurl, podemos escribir así:

var url = getUrlParam('url');

El siguiente es un método para obtener parámetros de URL escritos en la biblioteca jquery, que es más simple y claro que JS nativo.

            (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);

Después de extender este método para jQuery, podemos obtener el valor de un parámetro mediante el siguiente método:

var url = getUrlParam('url');

Ambos métodos se pueden copiar y usar directamente, y el método jquery debe hacer referencia a la biblioteca jquery.