Comment obtenir les paramètres d'URL à l'aide de JavaScript-js tutoriel-php.cn

Comment obtenir les paramètres d'URL à l'aide de JavaScript

不言

Libérer： 2018-12-03 09:10:32

original

3194 Les gens l'ont consulté

Si vous souhaitez obtenir et utiliser les paramètres d'URL via JavaScript. En JavaScript, vous pouvez utiliser « document.location.search » pour obtenir les paramètres de l'URL. Cependant, comme vous ne pouvez récupérer la chaîne du paramètre qu'immédiatement après le chemin de l'URL, la chaîne récupérée doit être analysée pour obtenir la valeur de chaque paramètre.

Comment obtenir les paramètres dURL à laide de JavaScript

Regardons directement l'exemple

Le code est le suivant

GetParam.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title></title>
      <script type="text/javascript">
        window.onload = function onLoad() {
            param = GetQueryString();
            target = document.getElementById("param");
            target.innerHTML = param["q"];
        }
        function GetQueryString() {
            if (1 < document.location.search.length) {
                var query = document.location.search.substring(1);
                var parameters = query.split(&#39;&&#39;);
                var result = new Object();
                for (var i = 0; i < parameters.length; i++) {
                    var element = parameters[i].split(&#39;=&#39;);
                    var paramName = decodeURIComponent(element[0]);
                    var paramValue = decodeURIComponent(element[1]);
                    result[paramName] = decodeURIComponent(paramValue);
                }
                return result;
            }
            return null;
        }
      </script>
</head>
<body>
<div>这是一个参数</div>
    <div id="param"></div>
</body>
</html>

Copier après la connexion

Remarque :

La chaîne dans la partie paramètre URL peut être obtenue via l'attribut "document.location.search". Obtenez la deuxième chaîne et les suivantes en appelant la méthode substring(1). (Si le paramètre URL est "?Q=ABCD&m=30", alors "q=ABCD&m=30" sera obtenu.)

Par la suite, la chaîne obtenue est divisée par "&". Si la chaîne obtenue est "q=ABCD&m=30", alors q=ABCD est affecté au paramètre[0] et m=30 est affecté au paramètre[1].

De plus, les éléments individuels du paramètre sont séparés par '=', la valeur et le nom du paramètre sont obtenus, stockés dans le tableau associatif de résultat et renvoyés comme valeur de retour.

function GetQueryString() {
  if (1 < document.location.search.length) {    
     var query = document.location.search.substring(1);
     var parameters = query.split(&#39;&&#39;);
    var result = new Object();    
  for (var i = 0; i < parameters.length; i++) {      
       var element = parameters[i].split(&#39;=&#39;);
      var paramName = decodeURIComponent(element[0]);      
  var paramValue = decodeURIComponent(element[1]);
       result[paramName] = decodeURIComponent(paramValue);
    }
    return result;
  }
  return null;}

Copier après la connexion

Résultat de l'exécution

L'exécution du fichier HTML affichera l'effet suivant sur le navigateur.

Comment obtenir les paramètres dURL à laide de JavaScript