Ich verwende window.location oft, kann mich aber nicht an die Struktur erinnern, um zukünftige Anfragen zu erleichtern.
Beispiel
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 und document.location sind einander gleichwertig und können austauschbar verwendet werden
Die acht Attribute des Standorts sind alle lesbar und beschreibbar, aber nur das Schreiben von href und hash ist sinnvoll. Wenn Sie beispielsweise „location.href“ ändern, wird die URL zu einer URL verschoben, und wenn Sie „location.hash“ ändern, wird zum Namen des Ankers gesprungen ( oder Achtung
Methode location.assign( url )
URL: http://b.a.com:88/index.php?name=kang&how=#when=2011#first
Suche:“?name=kang&how="Nach dem ersten „?"
search:
"?name=kang&how="
第一个"?"之后
hash:
"#when=2011#first"
第一个"#"之后的内容
hash:"#when=2011#first"Der Inhalt nach dem ersten „#“
location.assign('http://www.baidu.com'); entspricht window.location = 'http://www.baidu.com'
Diese Methode fügt die neue Adresse in den Browser-Verlaufsstapel ein, was bedeutet, dass nach dem Aufrufen einer neuen Seite die „Zurück-Schaltfläche“ immer noch zu dieser Seite zurückkehren kann.
location.replace( url )
Dasselbe wie die Zuweisungsmethode, aber diese Seite wird aus dem Browser-Verlaufsstapel gelöscht, was bedeutet, dass die „Zurück-Schaltfläche“ nach dem Springen zu einer neuen Seite nicht zur Seite zurückkehren kann. Derzeit springen IE und Chrome einfach und nur Firefox löscht den Verlauf dieser Seite.
location.reload(force)
Laden Sie die aktuelle Seite neu. Bei „true“ wird es vom Server neu geladen; bei „false“ wird es aus dem Browser-Cache neu geladen. Der Standardwert ist „false“.
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
