在WEB开发中,许多开发者都比较喜欢使用javascript来获取当前页面的url地址,下面本篇文章就来给大家介绍2种获取当前url地址的方法,希望对大家有所帮助。
方法1:使用window的location.href 属性
location对象可用于获取当前页面地址(URL)并把浏览器重定向到新页面;而该对象的href 属性可返回当前页面的 URL。
语法:window.location.href
示例:
location.href
document.getElementById("demo").innerHTML =
"本页面的完整 URL 是:" + window.location.href;
输出:本页面的完整 URL 是:http://127.0.0.1:8020/index.html
方法2:使用Document 对象的URL属性
URL 属性可返回当前文档的 URL。
语法:document.URL
说明
一般情况下,该属性的值与包含文档的 Window 的 location.href 属性相同。不过,在 URL 重定向发生的时候,这个 URL 属性保存了文档的实际 URL,而 location.href 保存了请求的 URL。
示例:
该文档的 URL 是:
document.write(document.URL)
输出:该文档的 URL 是:
http://127.0.0.1:8020/index.html