J'utilise souvent window.location, mais je ne me souviens plus de sa structure. Trions-le brièvement pour faciliter les demandes futures.
Exemple
URL : http://b.a.com:88/index.php?name=kang&when=2011#first
| 属性 | 含义 | 值 |
|---|---|---|
| protocol: | 协议 | "http:" |
| hostname: | 服务器的名字 | "b.a.com" |
| port: | 端口 | "88" |
| pathname: | URL中主机名后的部分 | "/index.php" |
| search: | "?"后的部分，又称为查询字符串 | "?name=kang&when=2011" |
| hash: | 返回"#"之后的内容 | "#first" |
| host: | 等于hostname port | "b.a.com:88" |
| href: | 当前页面的完整URL | "http://www.a.com:88/index.php?name=kang&when=2011#first" |
window.location et document.location sont équivalents et peuvent être utilisés de manière interchangeable
Les huit attributs de location sont tous lisibles et inscriptibles, mais seule l'écriture de href et hash a du sens. Par exemple, la modification de location.href sera déplacée vers une URL et la modification de location.hash passera au nom de l'ancre ( ou Attention
Méthode location.assign(url)
URL : http://b.a.com:88/index.php?name=kang&how=#when=2011#first
search :"?name=kang&how="Après le premier "?"
search:
"?name=kang&how="
第一个"?"之后
hash:
"#when=2011#first"
第一个"#"之后的内容
hash :"#when=2011#first"Le contenu après le premier "#"
location.assign('http://www.baidu.com'); équivaut à window.location = 'http://www.baidu.com'
Cette méthode placera la nouvelle adresse dans la pile de l'historique du navigateur, ce qui signifie qu'après avoir accédé à une nouvelle page, le « bouton retour » peut toujours revenir à cette page.
location.replace( url )
Identique à la méthode assign, mais cette page sera supprimée de la pile de l'historique du navigateur, ce qui signifie que le "bouton retour" ne pourra pas revenir à la page après avoir accédé à une nouvelle page. Actuellement, IE et Chrome sautent simplement, et seul Firefox supprimera l'historique de cette page.
location.reload( force )
Recharger la page actuelle. Lorsque force est vrai, il est rechargé depuis le serveur ; si faux, il est rechargé depuis le cache du navigateur. La valeur par défaut est false.
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
