首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js显示当前全路径

在JavaScript中,如果你想获取并显示当前页面的全路径(即完整的URL),你可以使用window.location对象。这个对象包含了关于当前URL的信息,包括协议、主机名、端口号(如果有的话)、路径名、查询字符串和片段标识符。

以下是一些你可以使用的属性:

  • window.location.href:返回完整的URL。
  • window.location.protocol:返回URL的协议部分,例如"http:"或"https:"。
  • window.location.host:返回URL的主机名和端口号(如果指定了的话)。
  • window.location.hostname:返回URL的主机名。
  • window.location.port:返回URL的端口号(如果指定了的话)。
  • window.location.pathname:返回URL的路径名部分。
  • window.location.search:返回URL的查询字符串部分,包括问号(?)。
  • window.location.hash:返回URL的片段标识符部分,包括井号(#)。

如果你想简单地显示当前页面的全路径,你可以使用window.location.href属性。例如:

代码语言:txt
复制
console.log(window.location.href);

或者,如果你想在网页上显示全路径,可以这样做:

代码语言:txt
复制
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Display Full URL</title>
<script>
function displayFullURL() {
    document.getElementById('full-url').textContent = window.location.href;
}
</script>
</head>
<body onload="displayFullURL()">
<p>The full URL of this page is: <span id="full-url"></span></p>
</body>
</html>

在这个例子中,当页面加载完成时,displayFullURL函数会被调用,它会获取当前页面的全路径,并将其显示在id为full-url<span>元素中。

请注意,如果你在一个非浏览器环境(如Node.js)中运行这段代码,window对象是不存在的,因此你需要使用其他方式来获取URL信息。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

没有搜到相关的合辑

领券