时间戳

首页 > 解决方案 > 如何在 iFrame 中使用 localStorage

javascript - 如何在 iFrame 中使用 localStorage

问题描述

我正在尝试访问iframe标签中的网站。该来源iframe使用localStorage。但我无法访问它，因为我正在加载它iframe。这是我的示例代码

<!DOCTYPE html>
<html>
<body>

<h1>The iframe element</h1>
<script>")
localStorage.setItem("token", "some_token");
      localStorage.setItem("userId", "456");
      localStorage.setItem("userName", "demo");
      localStorage.setItem("userRole", "user_role");
</script>

<iframe src="https://some_third_party_url">
  <p>Your browser does not support iframes.</p>
</iframe>

</body>
</html>

如何使用 localStorage 在 iframe 中访问此 url？

标签： javascriptiframe

解决方案

除非第三方 URL 和托管的 html 文件位于同一域中，否则您无法访问本地存储。对于您的用例，您可以使用 window.postMessage 跨窗口或 iframe 访问数据。

推荐阅读