javascript - 动态 Href 无法使用 Javascript
问题描述
function setLastLocation() {
var lastLocation = window.location.pathname
localStorage.setItem('lastLocation', lastLocation)
}
随着
function getLastLocation() {
let lastLocation = localStorage.getItem('lastLocation')
lastLocation = `../..${lastLocation}`
return lastLocation
}
<a href="javascript:getLastLocation()" class="close item item-1">
<i class="fas fa-arrow-left fa-2x" style="color: white"></i>
</a>
试图为我的科尔多瓦应用程序创建一个后退按钮以导航到上一页,但我的 href 设置并没有按照我想象的方式工作。有两种方法可以访问我的应用程序的书籍,通过单击搜索结果中的链接或通过 UI 导航手动访问书籍。根据用户获取书籍的方式,我希望 href 相应地重定向。setLastLocation() 设置在指向内容的所有链接上,而 getLastLocation() 设置在实际内容的后退按钮上。当我按字面意思输入 href 的路径(../../tracts.html)时,它可以工作,但是当我尝试在 href 中使用该函数时,它就不起作用了。有什么建议么?这是该问题的屏幕录像,链接。
解决方案
代替
href="javascript:getLastLocation()"
做
onclick="window.location = getLastLocation()"
推荐阅读
- batch-file - 在 git bash - 批处理文件中运行命令的脚本
- java - 在 vetx 中跨 Verticle 共享单例客户端的正确方法
- django - unique_together 不会防止重复记录
- java - 如何在网站的标题部分找到所有项目?
- url-routing - Istio:如何通过可能的自定义状态/消息拒绝具有特定资源的传入请求?
- node.js - 如果我们可以在 PATCH 请求本身中更新整个资源,那么 PUT 方法需要什么?
- reactjs - 反应:Axios 发布一个带有 blob 文件的数组,但发生 415 错误
- java - 具有多个验证组的自定义 Spring 注解
- flutter - 如何在 Container Flutter 中制作响应式内容
- javascript - 在前端项目中使用 JavaScript 库的正确方法是什么?