Javascript 如何在同一来源上为iFrame创建单独的会话存储
标准W3C标准介绍了localStorages： 不同的作者共享一个主机名，例如在Javascript 如何在同一来源上为iFrame创建单独的会话存储,javascript,iframe,browser,local-storage,session-storage,Javascript,Iframe,Browser,Local Storage,Session Storage,标准W3C标准介绍了localStorages： 不同的作者共享一个主机名，例如在geocities.com上托管内容的用户，都共享一个本地存储对象。没有按路径名限制访问的功能。因此，建议共享主机上的作者避免使用这些功能，因为其他作者读取数据并覆盖数据是很简单的 但对于会话存储，据说它确实为选项卡和窗口提供了单独的会话存储，即使来自同一来源 但iFrame似乎确实共享了会话存储 是否有一种方法可以在同一来源上通过iFrame进行单独的会话存储 编辑： 由于选项卡/窗口是否有单独的会话存储存在混淆
geocities.com<!DOCTYPE html>
<html>
<body>
<div id="result"></div>
<script>
sessionStorage.setItem("counter", (parseInt(sessionStorage.getItem("counter"), 10) || 0 ) + 1);
document.getElementById("result").innerHTML = sessionStorage.getItem("counter");
</script>
</body>
</html>
sessionStorage.setItem（“计数器”），（parseInt（sessionStorage.getItem（“计数器”），10）| | 0）+1）；
document.getElementById（“结果”）.innerHTML=sessionStorage.getItem（“计数器”）；
sandboxsandbox=“允许相同来源”<!DOCTYPE html>
<html>
<body>
<iframe name="one" src="sessionStorageTest.html"></iframe>
<iframe name="two" src="sessionStorageTest1.html"></iframe>
</body>
</html>
sessionStorageTest.html
<!DOCTYPE html>
<html>
<body>
<div id="result"></div>
<script>
sessionStorage.setItem("counter", (parseInt(sessionStorage.getItem("counter"), 10) || 0 ) + 1);
document.getElementById("result").innerHTML = sessionStorage.getItem("counter");
</script>
</body>
</html>
sessionStorage.setItem（“计数器”），（parseInt（sessionStorage.getItem（“计数器”），10）| | 0）+1）；
document.getElementById（“结果”）.innerHTML=sessionStorage.getItem（“计数器”）；
sessionStorageTest1.html
<!DOCTYPE html>
<html>
<body>
<div id="result"></div>
<script>
var i = 0;
while (++i < 10) {
sessionStorage.setItem("counter", (parseInt(sessionStorage.getItem("counter"), 10) || 0 ) + 1);
document.getElementById("result").innerHTML = sessionStorage.getItem("counter");
}
</script>
</body>
</html>
var i=0；
而（++i<10）{
sessionStorage.setItem（“计数器”），（parseInt（sessionStorage.getItem（“计数器”），10）| | 0）+1）；
document.getElementById（“结果”）.innerHTML=sessionStorage.getItem（“计数器”）；
}
在plnkr上演示，如果您有ssl，则有一个解决方法。使用https://... 访问一个文档和http://... 访问另一个将为同一来源创建单独的存储。为
iFramesessionStoragesessionStoragelocalStorageiframejsiframe会话存储存储Uncaught SecurityError:无法从“窗口”读取“localStorage”属性：拒绝访问此文档。存储sessionStorageiframessessionStorage“counter1”