location中href,hostname,pathname如何使用

这篇文章主要介绍了location中href,hostname,pathname如何使用的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇location中href,hostname,pathname如何使用文章都会有所收获，下面我们一起来看看吧。

location中href,hostname,pathname的使用方法

window.location 对象可不带 window 前缀书写。

window.location.href 返回当前页面的 href （URL）

window.location.hostname 返回 web 主机的域名

window.location.pathname 返回当前页面的路径或文件名

实例

显示当前页面的 href （URL）：

document.getElementById（"demo"）。innerHTML = "页面位置是 " + window.location.href;

Window Location 主机名

window.location.hostname 属性返回（当前页面的）因特网主机的名称。

实例

显示主机的名称：

document.getElementById（"demo"）。innerHTML = "页面主机名是 " + window.location.hostname;

页面主机名是 www.w3school.com.cn

Window Location 路径名

window.location.pathname 属性返回当前页面的路径名。

实例

显示当前 URL 的路径名：

document.getElementById（"demo"）。innerHTML = "页面路径是 " + window.location.pathname;

页面路径是 /js/js_window_location.asp

关于“location中href,hostname,pathname如何使用”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“location中href,hostname,pathname如何使用”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注亿速云行业资讯频道。