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属性。例如：

console.log(window.location.href);

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

<!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信息。

页面内容是否对你有帮助？

有帮助

没帮助

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

js显示当前全路径

相关·内容

41_尚硅谷_React全栈项目_动态显示当前标题

40_尚硅谷_React全栈项目_动态显示当前时间和天气

Java零基础-252-IDEA中的当前路径

23_尚硅谷_Vue项目_异步显示当前地地址.avi

35_尚硅谷_React全栈项目_LeftNav组件_自动打开当前子列表

34_尚硅谷_React全栈项目_LeftNav组件_自动选中当前菜单项

50_尚硅谷_React全栈项目_Category组件_完善列表显示

65_尚硅谷_React全栈项目_ProduectDetail组件_异步显示分类名称

74_尚硅谷_React全栈项目_ProductAddUpdate组件_显示默认分类1

75_尚硅谷_React全栈项目_ProductAddUpdate组件_显示默认分类2

88_尚硅谷_React全栈项目_Role组件_显示添加的界面

80_尚硅谷_React全栈项目_PicturesWall组件_显示更新商品的图片

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐