Explication détaillée de l'utilisation des compétences Location dans JS_javascript

L'objet adresse de localisation en JavaScript décrit l'adresse ouverte par un certain objet fenêtre. Pour représenter l'adresse de la fenêtre actuelle, utilisez simplement "emplacement" ; pour représenter l'adresse d'une certaine fenêtre, utilisez "9bf54662ab0eebf19bebd7f4139e648f.location".

1. La signification de la localisation en JS

1. L'objet Location est stocké dans la propriété Location de l'objet Window et représente l'adresse Web du document actuellement affiché dans cette fenêtre. Son attribut href stocke l'URL complète du document et d'autres attributs décrivent diverses parties de l'URL. Ces propriétés sont très similaires aux propriétés URL de l'objet Anchor (ou de l'objet Area). Lorsqu'un objet Location est converti en chaîne, la valeur de l'attribut href est renvoyée. Cela signifie que vous pouvez utiliser l'expression location au lieu de location.href.

2. L'objet Anchor représente le lien hypertexte dans le document, mais l'objet Location représente l'URL (ou l'emplacement) du document actuellement affiché par le navigateur. Mais l’objet Location peut faire bien plus que cela. Il peut également contrôler la position du document affiché par le navigateur. Si une chaîne contenant une URL est affectée à l'objet Location ou à son attribut href, le navigateur chargera le document pointé par la nouvelle URL et l'affichera.

3. En plus de définir location ou location.href pour remplacer l'URL actuelle par l'URL complète, vous pouvez également modifier une partie de l'URL en attribuant des valeurs à d'autres propriétés de l'objet Location. Cela créera une nouvelle URL, dont une partie est différente de l'URL d'origine, et le navigateur la chargera et l'affichera. Par exemple, si vous définissez la propriété hash de l'objet Location, le navigateur se déplacera vers un emplacement spécifié dans le document actuel. De même, si l'attribut de recherche est défini, le navigateur rechargera l'URL avec la nouvelle chaîne de requête ajoutée.

4. En plus de l'attribut URL, la méthode reload() de l'objet Location peut recharger le document actuel, et replace() peut charger un nouveau document sans créer un nouvel enregistrement d'historique pour celui-ci. dans le navigateur Dans la liste de l'historique, le nouveau document remplacera le document actuel.

2. Attribut de localisation en JS

Description de la propriété
hash Définit ou renvoie l'URL (ancre) commençant par un signe dièse (#). S'il n'y a pas de "#" dans l'adresse, une chaîne vide est renvoyée.
host définit ou renvoie le nom d'hôte et le numéro de port de l'URL actuelle.
hostname définit ou renvoie le nom d'hôte de l'URL actuelle.
href définit ou renvoie l'URL complète. Comment l'afficher dans la barre d'adresse du navigateur le renverra.
pathname définit ou renvoie la partie chemin de l'URL actuelle.
port Définit ou renvoie le numéro de port de l'URL actuelle. Définit ou renvoie le numéro de port de l'URL actuelle.
protocol définit ou renvoie le protocole de l'URL actuelle, la valeur est 'http:', 'https:', 'file:' et ainsi de suite.
la recherche définit ou renvoie l'URL (partie requête) commençant par un point d'interrogation (?).

3. Méthode objet de localisation en JS

Description de la propriété
assign() charge un nouveau document.
reload() recharge le document actuel, ce qui équivaut à appuyer sur la touche "Actualiser" (IE) ou "Recharger" (Netscape) du navigateur.
replace() remplace le document actuel par un nouveau document, ce qui équivaut à appuyer sur la touche « Actualiser » (IE) ou « Recharger » du navigateur.

4. Instance de localisation en JS

//简单跳转

function gotoPage(url) { 

var url ="url?catalogid="+catalogID; 

window.location =url; 

}

//为单个页面传递参数

function goto_catalog(iCat) { 

if(iCat<=0) { 

top.location = "url";

} else { 

window.location ="url&#63;catid="+iCat; 

}

}

// 对指定框架进行跳转页面

function goto_iframe(url) { 

parent.mainFrame.location ="url"; 

}

Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.