JavaScript location.pathname 属性
Location 对象的 pathname 属性用于设置或取得当前 URL 的路径部分,语法如下:
location.pathname = path
location.pathname 实例
例子 1
该例子通过 location.pathname 属性得到 URL 中的路径部分。
假设当前页面的 URL 是:http://localhost/test/test.shtml
<script type="text/javascript"> document.write(location.pathname); </script>
运行该例子,输出:
/test/test.shtml
例子 2
该例子通过 location.pathname 属性来设置 URL 中的路径:
假设当前页面的 URL 是:http://localhost/test.shtml
<html>
<script type="text/javascript">
function setPathname(){
location.pathname = "/test/test.shtml";
}
</script>
<body>
<button onclick="setPathname()">设定新的路径</button>
</body>
</html>运行该例子,点击 设定新的路径 按钮,触发 setPathname() 函数,浏览器地址栏的 URL 将变为:http://localhost/test/test.shtml,而浏览器也将访问该 URL。
提示
- 当利用 location.pathname 属性设置新的路径时,总是以设定的参数代替 URL 中的路径部分,即该属性不可设定相对路径。
- location.pathname 得到的结果与 PHP $_SERVER
本章节内容共分 12 部分:
- JavaScript Location 对象:获取或设置当前的 URL 信息
- JavaScript location.hash 属性:设置或取得当前 URL 中的锚
- JavaScript location.host 属性:设置或取得当前 URL 的主机名称和端口号
- JavaScript location.hostname 属性:设置或取得当前 URL 的主机名
- JavaScript location.href 属性:设置或取得当前完整的 URL(页面跳转)
- JavaScript location.pathname 属性:设置或取得当前 URL 的路径部分
- JavaScript location.port 属性:设置或取得当前 URL 的端口
- JavaScript location.protocol 属性:设置或取得当前 URL 的协议
- JavaScript location.search 属性:设置或取得当前 URL 的查询字串
- JavaScript location.assign() 方法:加载一个新的文档
- JavaScript location.reload() 方法:重新加载当前文档(刷新页面)
- JavaScript location.replace() 方法:加载一个新文档(页面)替换当前文档

