在两个html页面之间使用jquery

Using jquery between two pages of html

本文关键字：之间 jquery html 两个      更新时间：2023-09-26

所以理论上我有两个html页面和一个js文件。

我想保存一个变量，我从第一个html页面(在一个数据属性的形式)，然后在其他html页面使用它。

这样想——有一个链接，当我点击它时，它会把我带到另一个页面，但也会保存一个数据属性，然后在下一个页面中使用它。

如果每个人都讨厌我，因为我没有发布代码，我很抱歉，但我认为这是一个足够直接的问题。

我建议您将变量保存在本地存储器中…但是有多种方法，在我看来这是最简单的。

在本地存储中保存内容:

localStorage.setItem('test', variableName);

从本地存储中获取内容:

localStorage.getItem('variableName')

删除本地存储:

window.localStorage.clear();

从本地存储器中删除单个条目:

localStorage.removeItem('variableName');

variableName在本例中是本地存储变量的标识符。你可以在那里放任何你想要的东西，但要记住，在本地存储中只能有一个具有相同名称的标识符，否则会发生冲突。

您可以使用会话存储或本地存储

第一页:

$('body').on('click', '#changeRoute', function() {
   localStorage.setItem('previousId', $(this).attr('id');
});

2页:

$(document).ready(function() {
   console.log(localStorage.getItem('previousId'));
});

或可以使用url参数

1页

<a href="/nextPage?key=FromFirstPage">Change Route</a>

2页

$(document).ready(function() {
   console.log(document.location.search.split('=')[1])
});

相关文章：