JavaScript强化教程——Window Location

最新推荐文章于 2025-09-05 11:22:47 发布

转载最新推荐文章于 2025-09-05 11:22:47 发布 · 92 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/zhanyingwang/blog/740313

文章标签：

#javascript #python #ViewUI

本文详细介绍了JavaScript中WindowLocation对象的各种属性及方法，包括如何使用location.href获取当前页面URL，location.pathname获取路径名，以及使用location.assign加载新文档。

2019独角兽企业重金招聘Python工程师标准>>>

本文为 H5EDU 机构官方 HTML5培训教程，主要介绍：JavaScript强化教程 —— Window Location

Window Location

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>以上代码输出为：http://www.w3school.com.cn/js/ ... indow Location Pathname

location.pathname 属性返回 URL 的路径名。

实例

返回当前 URL 的路径名：<script> document.write(location.pathname); </script>以上代码输出为：/js/js_window_location.aspWindow Location Assign

location.assign() 方法加载新的文档。

实例

加载一个新的文档：<html> <head> <script> function newDoc() { window.location.assign("http://www.w3school.com.cn";) } </script> </head> <body> <input type="button" value="加载新文档" onclick="newDoc()"> </body> </html>