HashChangeEvent oldURL 属性
JavaScript基础 2022-06-08 12:06:02小码哥的IT人生shichen
HashChangeEvent oldURL 属性
实例
更改 hash 后，获取我们导航离开的 URL：
event.oldURL;
结果是：
http://www.phpcodeweb.com/runjs.html#part5
完整实例：
<!DOCTYPE html>
<html>
<body onhashchange="myFunction(event)">
<p>点击按钮将当前 URL 的锚部分（hash）改为 #part5</p>
<p>oldURL 属性返回我们导航离开的文档的 URL。</p>
<p>newURL 属性返回我们要导航到的 URL。</p>
<button onclick="changePart()">试一试</button>
<p><b>注释：</b>Internet Explorer 不支持这些属性。</p>
<p id="demo"></p>
<script>
// 使用 location.hash 属性更改锚点部分
function changePart() {
location.hash = "part5";
}
function myFunction() {
document.getElementById("demo").innerHTML = "Previous URL: " + event.oldURL
+ "<br>New URL: " + event.newURL;
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
oldURL 属性返回文档的 URL，在 hash（锚部分）被更改之前。
这是导航离开的 URL。如需获取导航到的 URL，请使用 newURL 属性。
此属性是只读的。
提示：如需设置或返回 URL 的 hash，请使用 location.hash 属性。
浏览器支持
表中的数字注明了完全支持该属性的首个浏览器版本。
| 属性 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| oldURL | 5.0 | 不支持 | 6.0 | 5.0 | 10.6 |
语法
event.oldURL技术细节
| 返回值： | 字符串值，表示从中导航的 URL。 |
|---|
