有没有办法在JavaScript中获得之前的URL ?就像这样:
alert("previous url is: " + window.history.previous.href);
有类似的东西吗?还是我应该把它放在饼干里?我只需要知道,所以我可以做过渡从以前的URL到当前的URL没有锚和所有的。
有没有办法在JavaScript中获得之前的URL ?就像这样:
alert("previous url is: " + window.history.previous.href);
有类似的东西吗?还是我应该把它放在饼干里?我只需要知道,所以我可以做过渡从以前的URL到当前的URL没有锚和所有的。
当前回答
如果有人来自react世界,我最终使用history-library, useEffect和localStorage的组合解决了我的用例
当用户选择新项目时:
function selectProject(customer_id: string, project_id: string){
const projectUrl = `/customer/${customer_id}/project/${project_id}`
localStorage.setItem("selected-project", projectUrl)
history.push(projectUrl)
}
当用户从另一个网站回来。如果localStorage里有东西,就把他送过去。
useEffect(() => {
const projectUrl = localStorage.getItem("selected-project")
if (projectUrl) {
history.push(projectUrl)
}
}, [history])
当用户退出项目时,清空localStorage
const selectProject = () => {
localStorage.removeItem("selected-project")
history.push("/")
}
其他回答
<script type="text/javascript">
document.write(document.referrer);
</script>
文档。referrer可以满足你的目的,但它不适用于IE9之前的ie版本。
它将工作于其他流行的浏览器,如Chrome, Mozilla, Opera, Safari等。
那些使用Node.js和Express的人可以设置一个会话cookie,它会记住当前页面的URL,从而允许您在下一个页面加载时检查引用者。下面是一个使用express-session中间件的例子:
//Add me after the express-session middleware
app.use((req, res, next) => {
req.session.referrer = req.protocol + '://' + req.get('host') + req.originalUrl;
next();
});
然后你可以像这样检查referrer cookie的存在:
if ( req.session.referrer ) console.log(req.session.referrer);
不要假设这个方法总是存在一个引用cookie,因为在前一个URL是另一个网站、会话被清理或刚刚创建(第一次网站加载)的情况下,它将不可用。
即使是文件也能解决问题。Referrer为空:
let previousUrl = null;
if(document.referrer){
previousUrl = document.referrer;
sessionStorage.setItem("isTrickApplied",false);
}else{
let isTrickApplied= sessionStorage.getItem("isTrickApplied");
if(isTrickApplied){
previousUrl = sessionStorage.getItem("prev");
sessionStorage.setItem("isTrickApplied",false);
}else{
history.back(); //Go to the previous page
sessionStorage.setItem("prev",window.location.href);
sessionStorage.setItem("isTrickApplied",true);
history.forward(); //Go to the next page in the stack
}
}
文档。referrer与实际URL在所有情况下都不相同。
我有一个应用程序,我需要建立一个2帧的框架集。一个框架是已知的,另一个是我要链接的页面。看来那份文件。Referrer是理想的,因为您不必将实际的文件名传递给框架集文档。
但是,如果您稍后更改了底部框架页面,然后使用history.back(),它不会将原始页面加载到底部框架中,而是重新加载文档。引用,结果框架集消失了,你回到原来的开始窗口。
我花了点时间才明白。在历史数组中,document。referrer不仅仅是一个URL,它显然也是一个引用窗口规范。至少,这是我目前能理解的最好的方式。
如果有人来自react世界,我最终使用history-library, useEffect和localStorage的组合解决了我的用例
当用户选择新项目时:
function selectProject(customer_id: string, project_id: string){
const projectUrl = `/customer/${customer_id}/project/${project_id}`
localStorage.setItem("selected-project", projectUrl)
history.push(projectUrl)
}
当用户从另一个网站回来。如果localStorage里有东西,就把他送过去。
useEffect(() => {
const projectUrl = localStorage.getItem("selected-project")
if (projectUrl) {
history.push(projectUrl)
}
}, [history])
当用户退出项目时,清空localStorage
const selectProject = () => {
localStorage.removeItem("selected-project")
history.push("/")
}