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信息。
相关·内容
2回答
下面是它当前外观的链接：
梯度div作为背景。SVG图像(徽标div)用全宽度和高度的白色背景覆盖渐变div，通过徽标的透明部分显示渐变颜色。href="css/style.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.2/jquery.min.js"><
浏览 1提问于2016-06-15得票数 5
它应该类似于链接标题的列表和中间的完整节点显示：节点B(仅链接标题，节点队列位置: 2)节点D(仅链接标题，节点队列位置节点队列位置: 5)节点A(仅链接标题，节点队列位置: 1)节点C(仅链接标题，节点队列位置: 3)
节点D(当前全节点显示
浏览 0提问于2014-04-25得票数 2
我的蒙戈路径是:别名mongo="/c/Program\ Files/MongoDB/Server/6.0/bin/mongos.exe“
对于每个有相同问题的MongoDB安装在Windows上的人，相应地，Udemy的全堆栈引导过程。下载(msi)的当前版本，将其保存在Program > Mongodb文件夹中，然后您应该下载() MongoDB shell，因为在6.0版本或更高版本中没有mongo.exe。蒙神变量是通向mongod.exe的<em
浏览 10提问于2022-07-25得票数 0
回答已采纳
每当我保存文档时，我就会在react应用程序中遇到问题。错误是我的package.json{ "version": "0.1.0", "dependencies": {
"@emotion/react": "^11.8.1&
浏览 9提问于2022-02-26得票数 0
回答已采纳
2回答
用TLE绘制绕地球三维空间的轨道
、、、、
我试图在JS/React中创建一个3D场景，在这里我可以绘制国际空间站绕地球的轨道，我现在已经分了这个回购。我已经注意到，这似乎只是显示地面轨道，我想做的是显示一个完整的轨道，而不是地面轨道，即它是一个圆和起点和终点相遇。有了这个，我也将以适当的速度旋转地球，以复制实时精度。所有路径数据都是使用satellite.js传播函数从get文件中生成的，以获得要显示的xyz坐标。由此：
浏览 12提问于2022-03-05得票数 1
当我打开该字段时，它将显示整个内容存储库。我只想在段落引用字段中显示当前页面路径。我不想覆盖js文件。是否有任何其他解决方案或属性可以提供当前页面路径以供显示。
请提个建议。
浏览 0提问于2016-02-08得票数 1
是否有可能在当前URL上发出路由，即获取page.js来调用当前路径上的相应回调？这样做的用例是，如果用户登录/退出我的应用程序，我希望page.js在当前路径上进行路由，因为当前路由可能会根据身份验证状态显示不同的视图。我当时正在使用Riot.js路由器，只是切换了一些page.js功能，但是page.js似乎缺少了Riot.js所拥有的核心功能(参见
浏览 6提问于2017-06-11得票数 0
回答已采纳
4回答
全。<script type="text/javascript" src="<?'/file/extension/to/javascript/file.js'; ?我还尝试过：-writing绝对路径，而不使用PHP
浏览 0提问于2012-04-04得票数 2
回答已采纳
1回答
这个D8项目运行良好，但是由于路径丢失，图像没有显示。但是当我检查元素时，我得到了图像URL:-http://abc.xyz.com/sites/default/files/images.png
我知道client/develoment/project-图像路径中缺少名称/路径。你能告诉我如何获得完整的图像路径显示吗？全路径必须show:-http://abc.
浏览 0提问于2019-04-10得票数 0
1回答
我的问题在iconUrl中，因为它找不到图像的路径。在文档里，他们只是写，但如果我只写这个，这条路就错了。获取 404 (未找到)
iconUrl: '..
浏览 3提问于2020-04-03得票数 2
回答已采纳
我有一个视图，它显示了几个节点在挑逗模式。视图采用上下文过滤器，当过滤器可用时，我希望内容(节点)以全视图模式显示。这个是可能的吗？
浏览 0提问于2015-02-12得票数 1
1回答
在Magento 2中，默认的画廊弹出窗口以全宽和全高显示。但是我需要用js调整它的大小。是否可以从库端或任何自定义。
浏览 12提问于2016-10-07得票数 0
我当前的图像标签指向全尺寸图像的裁剪图像。在桌面上，单击任何裁剪后的图像都会在lightbox中以全尺寸显示。对AMP页面使用amp-image-lightbox，有没有办法让它以同样的方式工作？我设法让它正常工作，但我在lightbox中看到了裁剪的图像，而不是全尺寸的图像。
浏览 0提问于2017-05-04得票数 0
我给出的JavaScript文件路径在asp.net的母版页面中非常完美，但在浏览器控制台中也显示了JavaScript路径中状态404的错误，也就是说浏览器没有获得JavaScript文件的路径。.min.js.download"></script>
<script type="text/javascript" src="index/jquery.dlmenu.js.download&
浏览 0提问于2017-07-25得票数 1
2回答
我想获得路径，以便为活动选项卡设置活动类。如果每次单击“刷新”，代码就会工作。这是我的代码：Template.header.helpers({ var pathArr = window.location.pathname.splitclass="{{#if isCurrentPage 'browse'}}active{{/if}}"><a href="{{pathFor 'br
浏览 0提问于2015-01-13得票数 1
回答已采纳
我已经成功地将可执行文件的路径添加到我的系统变量中，当我在命令提示符中键入"phantomjs -- version“时，将显示正确的版本(1.7.0)。但是，当我尝试测试其中一个示例时，例如hello.js，我收到以下消息"Can't find variable: hello“
最初，我将示例文件保存在文件夹" examples“中，但也尝试将它们移动到可执行文件所在的主我还尝试在命令提示符下使用以下语句打开示例："phantomjs examples/hello.js<
浏览 1提问于2012-12-22得票数 4
此url正在被重写到这个RewriteEngine onRewriteRule ^(.*)$ http://domain.com&#x
浏览 0提问于2013-01-20得票数 9
回答已采纳
1回答
不久前，我为我的应用程序编写了一个路径栏控件。路径栏是一个NSView，并且具有子子对象，也是NSViews。如果路径栏项目不能以全尺寸显示，则将鼠标悬停在该项目上时，它将动画显示为全尺寸。
我使用动画器代理设置项目的动画大小。以[item.animator setFrame:frame];为例。这通常会产生意想不到的行为，特别是在从一个路径栏项切换到另一个路径</
浏览 2提问于2012-11-13得票数 0
回答已采纳
2回答
我想在我的主全宽度背景标题上显示一个底部边框，但不显示在屏幕的最左边。<img src="images/logo.jpg" width="200" height="54" alt="">
<&#
浏览 9提问于2019-08-28得票数 0
回答已采纳
我无法编译Java程序，因为一些导入的包是在构建类路径和运行时类路径中都找不到的。我做错了什么？
浏览 3提问于2010-06-14得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
云直播
对象存储
腾讯会议活动推荐
腾讯云开发者
