javascript - 如何将此值导出到另一个 JS 文件中?
问题描述
我正在尝试将变量从一个 JavaScript 文件导出到另一个
const ticketsForFilm = document.querySelector(".film-list")
// FUNCTION FOR GETTING THE FILM ID FOR BUYING TICKETS
export let filmID
function choosingFilmForTickets(e){
let target = e.target
if(target.classList.contains("fa-ticket-alt")){
filmID = target.parentElement.parentElement.parentElement.id
}
}
// LISTENER FOR GETTING THE FILM ID WHEN CLICKING ON THE TICKET ICON
ticketsForFilm.addEventListener("click", choosingFilmForTickets)
这是我在单击图标后获取电影 ID 的代码,但是这也是我的 html 文件更改为另一个以进行下一步的代码。
当我尝试在另一个 JS 文件中导出和导入 filmID 变量时
import {filmID} from "../films.js"
console.log(filmID)
我究竟做错了什么?先感谢您
解决方案
尝试将值保存在本地存储中,然后它可以在所有 js 文件中访问
这里有一些链接 https://www.w3schools.com/html/html5_webstorage.asp https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage
推荐阅读
- python - 如何修复mysqlclient问题
- spring-boot - 此 iss 声明不等于配置的颁发者。Spring Security Oauth2
- c++ - g++ 尝试从内核访问 0x00 时生成未定义指令(ud2)
- java - 为什么在 JPA 中使用“select new”将实体放入 POJO 类会导致 N + 1 问题?
- git - 如何在不删除的情况下撤消错误提交
- c++ - 字符串向量打印成 int?
- iot - 如何使用我的品牌配置添加对 esp8266 的 alexa 支持?
- ruby - 执行 `zypper update` 后 yast2 损坏
- pandas - Spyder 无法从控制台检索此变量的值。错误消息是:“元组”对象没有属性“raise_error”
- reactjs - 使用一个按钮保存来自表单和另一个组件的数据