腾讯云618限量抢购

JavaScript location.pathname 属性:设置或取得当前 URL 的路径部分

最后更新:2012-06-17 22:55阅读:24082

JavaScript location.pathname 属性

Location 对象的 pathname 属性用于设置或取得当前 URL 的路径部分,语法如下:

location.pathname = path

location.pathname 实例

例子 1

该例子通过 location.pathname 属性得到 URL 中的路径部分。

假设当前页面的 URL 是:http://www.5idev.com/test/test.shtml

<script type="text/javascript">

document.write(location.pathname);

</script>

运行该例子,输出:

/test/test.shtml

例子 2

该例子通过 location.pathname 属性来设置 URL 中的路径:

假设当前页面的 URL 是:http://www.5idev.com/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://www.5idev.com/test/test.shtml,而浏览器也将访问该 URL。

提示

  • 当利用 location.pathname 属性设置新的路径时,总是以设定的参数代替 URL 中的路径部分,即该属性不可设定相对路径。
  • location.pathname 得到的结果与 PHP $_SERVER<'SCRIPT_NAME'> 一致,即不会取得 URL 中的(查询)参数部分。

参考阅读

  1. PHP dirname 函数:返回 URL 路径中的目录
  2. PHP $_SERVER['PHP_SELF']:获取 php 文件相对于网站根目录的位置地址

本章节内容共分 12 部分:
  1. 1. JavaScript Location 对象:获取或设置当前的 URL 信息
  2. 2. JavaScript location.hash 属性:设置或取得当前 URL 中的锚
  3. 3. JavaScript location.host 属性:设置或取得当前 URL 的主机名称和端口号
  4. 4. JavaScript location.hostname 属性:设置或取得当前 URL 的主机名
  5. 5. JavaScript location.href 属性:设置或取得当前完整的 URL(页面跳转)
  6. 6. JavaScript location.pathname 属性:设置或取得当前 URL 的路径部分
  7. 7. JavaScript location.port 属性:设置或取得当前 URL 的端口
  8. 8. JavaScript location.protocol 属性:设置或取得当前 URL 的协议
  9. 9. JavaScript location.search 属性:设置或取得当前 URL 的查询字串
  10. 10. JavaScript location.assign() 方法:加载一个新的文档
  11. 11. JavaScript location.reload() 方法:重新加载当前文档(刷新页面)
  12. 12. JavaScript location.replace() 方法:加载一个新文档(页面)替换当前文档
腾讯云618限量抢购