检测实际的页面URL并自定义

Question

我正在尝试检测页面的实际URL并对其进行修改

检测到的URL：http://127.0.0.1:portno/path1/path2/home.html 预期的网址：http://127.0.0.1:portno/path1/path2/home2.html

我尝试了以下代码

document.getElementById("url").innerHTML = window.location.href;
var urlv = window.location.protocol + "//" + window.location.hostname + "/path1/path2/home2.html";
document.getElementById("newurl").innerHTML = urlv;

<p id="url"></p>
<p id="newurl"></p>

我已经通过输入“ /path1/path2/home2.html”实现了上述目的。有什么方法可以实现而无需手动输入路径？