jQuery obtient une URL de page actuelle

Guide complet de l'utilisation de jQuery pour obtenir l'URL de la page Web actuelle

Ce guide fournit des extraits de code jQuery pour obtenir l'URL complète de la page Web actuelle et la stocker dans une variable à utiliser avec d'autres scripts. Cette URL est la même que l'URL que vous voyez dans la barre d'adresse.

Le code d'extrait de code suivant montre comment utiliser jQuery et Pure JavaScript pour obtenir l'URL de la page actuelle:

$(document).ready(function() {
    // 使用jQuery
    var url = $(location).attr('href');

    // 使用纯JavaScript
    var url2 = window.location.href;

    // 在警告窗口中显示URL
    alert(url); //或者 alert(url2);
});

De plus, les fonctions suivantes peuvent être utiles lors de la détermination du chemin absolu:

function getAbsolutePath() {
    var loc = window.location;
    var pathName = loc.pathname.substring(0, loc.pathname.lastIndexOf('/') + 1);
    return loc.href.substring(0, loc.href.length - ((loc.pathname + loc.search + loc.hash).length - pathName.length));
}

FAQS (FAQ)

Comment obtenir l'URL actuelle dans jQuery?

Obtenez l'URL actuelle dans jQuery, vous pouvez utiliser l'attribut window.location.href. Cette propriété renvoie l'URL de la page actuelle. Voici un exemple simple:

$(document).ready(function(){
  var currentURL = window.location.href;
  console.log(currentURL);
});

Ce code récupére et stocke l'URL actuelle dans la variable currentURL, puis console.log(currentURL) imprime cette URL à la console.

Comment obtenir l'URL actuelle qui ne contient pas la chaîne de requête en jQuery?

Vous pouvez utiliser les propriétés window.location.origin et window.location.pathname pour obtenir l'URL actuelle qui ne contient pas la chaîne de requête. Les exemples sont les suivants:

$(document).ready(function(){
  var currentURL = window.location.origin + window.location.pathname;
  console.log(currentURL);
});

Ce code prend la source (protocole, nom d'hôte et port) et le nom de chemin de l'URL, et connecte ces deux parties pour former une URL qui ne contient pas la chaîne de requête.

Comment obtenir la chaîne de requête de l'URL actuelle dans jQuery?

Vous pouvez utiliser l'attribut window.location.search pour obtenir la chaîne de requête, qui renvoie la chaîne de requête, y compris le point d'interrogation au début. Les exemples sont les suivants:

$(document).ready(function(){
  var queryString = window.location.search;
  console.log(queryString);
});

Ce code prend la chaîne de requête et le stocke dans la variable queryString, puis console.log(queryString) imprime cette chaîne de requête sur la console.

Comment obtenir l'URL actuelle sans hachage en jQuery?

Vous pouvez utiliser les méthodes d'attribut window.location.href et split() pour obtenir l'URL actuelle qui ne contient pas de valeur de hachage. Les exemples sont les suivants:

$(document).ready(function(){
  var currentURL = window.location.href.split('#')[0];
  console.log(currentURL);
});

Ce code prend l'URL actuelle et le divise au symbole de hachage (#). La partie [0] obtient la première partie de l'URL divisée, c'est-à-dire l'URL qui ne contient pas de valeurs de hachage.

Comment obtenir la valeur de hachage de l'URL actuelle dans jQuery?

Vous pouvez utiliser l'attribut window.location.hash pour obtenir la valeur de hachage de l'URL actuelle. Cette propriété renvoie une valeur de hachage, y compris le symbole de hachage au début. Les exemples sont les suivants:

$(document).ready(function(){
  var hash = window.location.hash;
  console.log(hash);
});

Ce code prend la valeur de hachage et le stocke dans la variable hash, puis console.log(hash) imprime cette valeur de hachage à la console.

Comment modifier l'URL actuelle dans jQuery sans recharger la page?

Vous pouvez utiliser la méthode history.pushState() pour modifier l'URL actuelle dans jQuery sans recharger la page. Cette méthode pousse de nouvelles entrées sur la pile d'historique. Les exemples sont les suivants:

$(document).ready(function(){
  history.pushState(null, null, '/new-page.html');
});

Ce code modifie l'URL actuelle en /new-page.html sans recharger la page.

Comment obtenir le protocole pour l'URL actuelle dans jQuery?

Vous pouvez utiliser l'attribut window.location.protocol pour obtenir le protocole de l'URL actuelle. Cette propriété renvoie le protocole de l'URL, y compris le côlon à la queue. Les exemples sont les suivants:

$(document).ready(function() {
    // 使用jQuery
    var url = $(location).attr('href');

    // 使用纯JavaScript
    var url2 = window.location.href;

    // 在警告窗口中显示URL
    alert(url); //或者 alert(url2);
});

Ce code prend le protocole et le stocke dans la variable protocol, puis console.log(protocol) imprime ce protocole à la console.

Comment obtenir le nom d'hôte de l'URL actuelle dans jQuery?

Vous pouvez utiliser l'attribut window.location.hostname pour obtenir le nom d'hôte de l'URL actuelle. Cette propriété renvoie le nom d'hôte de l'URL. Les exemples sont les suivants:

function getAbsolutePath() {
    var loc = window.location;
    var pathName = loc.pathname.substring(0, loc.pathname.lastIndexOf('/') + 1);
    return loc.href.substring(0, loc.href.length - ((loc.pathname + loc.search + loc.hash).length - pathName.length));
}

Ce code prend le nom d'hôte et le stocke dans la variable hostname, puis console.log(hostname) imprime ce nom d'hôte sur la console.

Comment obtenir le port de l'URL actuel dans jQuery?

Vous pouvez utiliser l'attribut window.location.port pour obtenir le port de l'URL actuel. Cette propriété renvoie le port de l'URL. Les exemples sont les suivants:

$(document).ready(function(){
  var currentURL = window.location.href;
  console.log(currentURL);
});

Ce code prend le port et le stocke dans la variable port, puis console.log(port) imprime ce port sur la console.

Comment obtenir le chemin d'accès de l'URL actuelle dans jQuery?

Vous pouvez utiliser l'attribut window.location.pathname pour obtenir le nom de chemin de l'URL actuel. Cette propriété renvoie le chemin d'accès de l'URL. Les exemples sont les suivants:

$(document).ready(function(){
  var currentURL = window.location.origin + window.location.pathname;
  console.log(currentURL);
});

Ce code prend le chemin d'accès et le stocke dans la variable pathname, puis console.log(pathname) imprime ce chemin de chemin vers la console.

Avec ces méthodes, vous pouvez facilement obtenir et manipuler différentes parties de l'URL de la page Web actuelle de jQuery. N'oubliez pas de choisir la bonne méthode en fonction de vos besoins spécifiques.

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!