Maison > interface Web > js tutoriel > le corps du texte

js pour obtenir le nom de domaine actuel, l'URL, le chemin relatif et les paramètres, ainsi que les paramètres spécifiés

不言
Libérer: 2018-07-09 17:06:05
original
3126 Les gens l'ont consulté

Cet article présente principalement la méthode d'obtention du nom de domaine actuel, de l'URL, du chemin relatif et des paramètres et de spécification des paramètres avec js. Il a une certaine valeur de référence. Maintenant, je le partage avec vous. Les amis dans le besoin peuvent s'y référer. 🎜>

1. Deux méthodes pour js pour obtenir le nom de domaine actuel

Première méthode

 var domain = document.domain;
Copier après la connexion
Deuxième méthode


var domain = window.location.host;
Copier après la connexion
Remarque : Étant donné que le nom de domaine actuel obtenu, http:// n'est pas inclus, donc lors de l'attribution du nom de domaine obtenu au href de la balise a, n'oubliez pas d'ajouter http://, sinon la navigation sera erronée en cliquant sur le lien.


2. 4 façons d'obtenir l'URL actuelle


var url = window.location.href;
  var url = self.location.href;
  var url = document.URL;
  var url = document.location;
Copier après la connexion
Remarque : Ce qui est affiché dans la barre d'adresse est l'URL obtenue.


3. Méthode d'obtention du chemin relatif actuel

Obtenez d'abord l'URL, puis coupez l'URL en deux parties via //, puis interceptez le chemin relatif de cette dernière partie. S'il y a des paramètres dans le chemin relatif intercepté, supprimez les paramètres.

function GetUrlRelativePath()
  {
    var url = document.location.toString();
    var arrUrl = url.split("//");
    var start = arrUrl[1].indexOf("/");
    var relUrl = arrUrl[1].substring(start);//stop省略,截取从start开始到结尾的所有字符
    if(relUrl.indexOf("?") != -1){
      relUrl = relUrl.split("?")[0];
    }
    return relUrl;
  }
Copier après la connexion
Méthode d'appel : GetUrlRelativePath();

Exemple : Si l'URL actuelle est http//www.liangshunet.com/pub/item.aspx?t=osw7, alors interceptez Le chemin relatif est : /pub/item.aspx.

4. Méthodes pour obtenir les paramètres Url actuels

1. Récupérer la partie paramètre Url

function GetUrlPara()
  {
    var url = document.location.toString();
    var arrUrl = url.split("?");
    var para = arrUrl[1];
    return para;
  }
Copier après la connexion
Méthode d'appel : GetUrlPara()

Exemple : Si le L'URL actuelle est http// www liangshunet. com/pub/item.aspx?t=osw7, alors la partie du paramètre intercepté est : t=osw7.

5. Méthodes pour obtenir les paramètres d'URL spécifiés

//paraName 等找参数的名称
  function GetUrlParam(paraName) {
    var url = document.location.toString();
    var arrObj = url.split("?");
    if (arrObj.length > 1) {
      var arrPara = arrObj[1].split("&");
      var arr;
      for (var i = 0; i < arrPara.length; i++) {
        arr = arrPara[i].split("=");
        if (arr != null && arr[0] == paraName) {
          return arr[1];
        }
      }
      return "";
    }
    else {
      return "";
    }
  }
Copier après la connexion
Méthode d'appel : GetUrlParam("id");

Exemple : Si l'URL de la page Web a un tel paramètre, testez .htm ?id=896&s=q&p=5, puis appelez GetUrlParam("p") et renvoyez 5.

Ce qui précède représente l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'étude de chacun. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

Suppression native par balayage vers la gauche de js

La différence entre AngularJs et Angular, les méthodes d'écriture d'instructions couramment utilisées

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal