导航
×
   ❮   
HTML CSS JavaScript PHP Go Sass W3C Colors ECMS

JS 教程

JS 简介 JS 如何使用 JS 输出 JS 语法 JS 语句 JS 注释 JS 变量 JS 运算符 JS 条件语句 JS 循环 JS 字符串 JS 数字 JS 函数 JS 对象 JS 日期 JS 数组 JS 类型化数组 JS 集合 JS Map 映射 JS Math JS 正则表达式 JS 数据类型 JS 错误 JS 事件 JS 编程 JS 关键字参考 JS 保留关键字参考 JS 运算符参考 JS 运算符优先级 JS UTF-8 字符 JS UTF-8 符号 JS UTF-8 表情符号 JS 版本

JS 高级教程

JS 对象 JS 函数 JS 类 JS 迭代 JS Promises JS 模块 JS HTML DOM JS Windows JS Web API JS AJAX JS JSON JS jQuery JS 图形

JS 实例

JS 实例 JS HTML DOM JS HTML 输入 JS HTML 对象 JS HTML 事件 JS Browser JS 测验

JavaScript Window Location 对象


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


Window Location

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

一些例子:

  • window.location.href 返回当前页面的 href (URL)
  • window.location.hostname 返回 web 主机的域名
  • window.location.pathname 返回当前页面的路径或文件名
  • window.location.protocol 返回使用的 web 协议(http: 或 https:)
  • window.location.assign() 加载新文档

Window Location Href

window.location.href 属性返回当前页面的 URL。

实例

显示当前页面的 href (URL):

document.getElementById("demo").innerHTML =
"Page location is " + window.location.href;

结果是:

亲自试一试 »

Window Location 主机名

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

实例

显示主机的名称:

document.getElementById("demo").innerHTML =
"Page hostname is " + window.location.hostname;

结果是:

亲自试一试 »

Window Location 路径名

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

实例

显示当前 URL 的路径名:

document.getElementById("demo").innerHTML =
"Page path is " + window.location.pathname;

结果是:

亲自试一试 »

Window Location 协议

window.location.protocol 属性返回页面的 web 协议。

实例

显示 web 协议:

document.getElementById("demo").innerHTML =
"Page protocol is " + window.location.protocol;

结果是:

亲自试一试 »

Window Location 端口

window.location.port 属性返回(当前页面的)互联网主机端口的编号。

实例

显示主机的端口号:

document.getElementById("demo").innerHTML =
"Port number is " + window.location.port;

结果是:

亲自试一试 »

大多数浏览器不会显示默认端口号(http 为 80,https 为 443)。


Window Location Assign

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

实例

加载新文档:

<html>
<head>
<script>
function newDoc() {
 window.location.assign("")
}
</script>
</head>
<body>

<input type="button" value="Load new document"onclick="newDoc()">

</body>
</html>
亲自试一试 »

Copyright ©2020-2026 freew3c.com All Rights Reserved 提供的内容仅用于学习和测试,不保证内容的正确性。