在HTML中，我们可以通过JavaScript和一些内置的DOM方法来获取URL路径，以下是一些常用的方法：
（图片来源网络，侵删）
1、使用window.location.href属性：这是获取当前URL的最简单方法，你可以直接将这个属性赋值给一个变量，然后使用这个变量。
var url = window.location.href; console.log(url);
这将打印出当前页面的完整URL。
2、使用window.location.pathname属性：这个属性返回URL的路径部分，不包括查询字符串和片段标识符，如果URL是http://www.example.com/path?query=string#fragment，那么window.location.pathname将返回/path。
var path = window.location.pathname; console.log(path);
3、使用window.location.search属性：这个属性返回URL的查询字符串部分，即问号（？）后面的部分，如果URL是http://www.example.com/path?query=string#fragment，那么window.location.search将返回?query=string。
var search = window.location.search; console.log(search);
4、使用window.location.hash属性：这个属性返回URL的片段标识符部分，即井号（#）后面的部分，如果URL是http://www.example.com/path?query=string#fragment，那么window.location.hash将返回#fragment。
var hash = window.location.hash; console.log(hash);
5、使用document.URL属性：这个属性与window.location.href相同，也返回当前页面的完整URL，它是只读的，不能修改，这意味着你不能通过修改这个属性来改变当前的URL。
var url = document.URL; console.log(url);
6、使用document.location对象：这个对象与window.location相同，包含了当前页面的所有URL信息，你可以使用它的任何属性来获取URL的一部分，你可以使用document.location.protocol、document.location.host、document.location.hostname等属性来获取URL的不同部分。
7、使用正则表达式：如果你需要更复杂的URL解析，你可以使用正则表达式来匹配和提取URL的各个部分，你可以使用以下正则表达式来匹配URL的协议、主机名和路径：
var url = "http://www.example.com/path?query=string#fragment"; var pattern = /^(https?://)?([^/s]+)(/S*)?$/; var match = pattern.exec(url); console.log(match[1] + match[2] + match[3]); // 输出 "http://www.example.com/path"
以上就是在HTML中获取URL路径的一些常用方法，这些方法可以帮助你在网页中获取和使用当前的URL，以便进行导航、数据传递和其他操作，希望这些信息对你有所帮助！
本文来自投稿，不代表重蔚自留地立场，如若转载，请注明出处https://www.cwhello.com/440334.html
如有侵犯您的合法权益请发邮件951076433@qq.com联系删除
