javascript本地存储现在在另一个文件中显示正确的值
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javascript本地存储现在在另一个文件中显示正确的值相关的知识，希望对你有一定的参考价值。
我有三个文件main.js，index1.html和index2.html.。我想从index2.html获取div的长度并将其存储在main.js中，以便可以与index1.html一起使用..当我console.log显示正确的值，它在index2.html中为24，但是index1.html中的值为0。我将main.js链接到两个html文件
var popC = $('body > div.pro-pop').length;
localStorage.setItem('popC', popC);
var unco = parseFloat(localStorage.getItem('popC'));
console.log('unco:', unco);答案
我认为您在javascript中使用的jQuery无法正常工作但是在纯JavaScript中，您可以像这样本地存储。谢谢！希望对您有帮助。
<!DOCTYPE html>
<html>
<body>
<div id="result"></div>
<script>
// Check browser support
if (typeof(Storage) !== "undefined") {
// Store
localStorage.setItem("lastname", "Smith");
// Retrieve
document.getElementById("result").innerHTML = localStorage.getItem("lastname");
} else {
document.getElementById("result").innerHTML = "Sorry, your browser does not support Web Storage...";
}
</script>
</body>
另一答案
当浏览器加载index1.html时，它将查找脚本并找到main.js。然后，它向服务器请求main.js的副本，然后服务器将其发送。文件main.js在HTML文件之间不存在。
Main.js是副本，并且正在客户端浏览器中运行。每次加载新页面时，您都会获得所有新文件（有点，但缓存是另一回事）。它没有存储在任何地方。
https://developer.mozilla.org/en-US/docs/Web/HTTP/Overview
浏览器中实际上有一个称为会话存储的存储区域，您可以在其中临时存储内容。
以上是关于javascript本地存储现在在另一个文件中显示正确的值的主要内容，如果未能解决你的问题，请参考以下文章