在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联系删除