获取上一页面的URL和本页的URL的方法

获取上一页面的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属性。

示例说明：

1. 获取上一页面的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

1. 获取本页的URL

假设当前页面为http://www.example.com/page1.html，在控制台输出当前页面的URL。

console.log(location.href);    // 输出当前页面的URL