JavaScript中 Window Location的使用

最新推荐文章于 2024-07-29 11:53:27 发布

小锅盖快跑

最新推荐文章于 2024-07-29 11:53:27 发布

阅读量631

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_46995731/article/details/109810990

版权

JavaScript中 Window Location的使用

window.location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。

window.location 对象在编写时可不使用 window 这个前缀。一些例子：
一些实例:

location.hostname 返回 web 主机的域名
location.pathname 返回当前页面的路径和文件名
location.port 返回 web 主机的端口（80 或 443）
location.protocol 返回所使用的 web 协议（http: 或 https:）

Window Location Href

location.href 属性返回当前页面的 URL。
实例:
返回（当前页面的）整个 URL：

<script>
document.write(location.href);
</script>

以上代码输出为:

https://www.runoob.com/js/js-window-location.html

Window Location Pathname

location.pathname 属性返回 URL 的路径名。
实例:
返回当前 URL 的路径名

<script>
document.write(location.pathname);
</script>

以上代码输出为：

/js/js-window-location.html

Window Location Assign

location.assign() 方法加载新的文档。
实例
加载一个新的文档：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<head>
<script>
function newDoc(){
    window.location.assign("https://www.runoob.com")
}
</script>
</head>
<body>
 
<input type="button" value="加载新文档" onclick="newDoc()">
 
</body>
</html>

总结

window.location.assign(url) ：加载 URL 指定的新的 HTML 文档。就相当于一个链接，跳转到指定的url，当前页面会转为新页面内容，可以点击后退返回上一个页面。
window.location.replace(url) ：通过加载 URL 指定的文档来替换当前文档，这个方法是替换当前窗口页面，前后两个页面共用一个窗口，所以是没有后退返回上一页的
window.location.href=“url”
类似点击 a 标签的链接。跳转到指定的 url。

小锅盖快跑

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript中 Window Location的使用

JavaScript中 Window Location的使用window.location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。window.location 对象在编写时可不使用 window 这个前缀。一些例子：一些实例:location.hostname 返回 web 主机的域名location.pathname 返回当前页面的路径和文件名location.port 返回 web 主机的端口（80 或 443）location.protocol 返回
复制链接

扫一扫