获取上一页面的URL和本页的URL是前端开发中比较基础的操作,可以通过以下几种方式来实现:
获取上一页面的URL
1. 使用document.referrer属性
document.referrer
属性可以返回上一页面的URL,但是需要在当前页面进行跳转才能获取。
console.log(document.referrer); // 输出上一页面的URL
2. 使用window.history对象
可以通过window.history
对象的back()
方法来返回到上一页面,然后获取上一页面的URL。
window.history.back(); // 返回上一页面
console.log(window.location.href); // 获取上一页面的URL
获取本页的URL
1. 使用window.location对象
window.location
对象包含当前页面的URL信息,可以通过href
属性获取当前页面的URL。
console.log(window.location.href); // 输出当前页面的URL
2. 使用location.href属性
location.href
属性也可以获取当前页面的URL信息。
console.log(location.href); // 输出当前页面的URL
总结一下,获取上一页面的URL可以使用document.referrer
属性或者window.history
对象,获取本页的URL可以使用window.location
对象或者location.href
属性。
示例说明:
- 获取上一页面的URL
假设当前页面为http://www.example.com/page2.html,前往http://www.example.com/page1.html,并且在控制台输出上一页面的URL。
window.location.href = 'http://www.example.com/page1.html'; // 前往页面1
console.log(document.referrer); // 输出页面2的URL
- 获取本页的URL
假设当前页面为http://www.example.com/page1.html,在控制台输出当前页面的URL。
console.log(location.href); // 输出当前页面的URL
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:获取上一页面的URL和本页的URL的方法 - Python技术站