javascript - 与该页面内的 iframe 共享页面的全局 javascript 变量

Question

我有一个场景，其中有一个页面，其中有 <script>标签和其中的一些全局 JavaScript 变量。我在该页面内还有一个 iframe，并且我想访问 iframe 中页面的全局 javascript 变量。

可以吗？如果可以，我该怎么做？

Answer 1

通过在 iframe 脚本中调用parent.your_var_name 即可轻松完成。

一个条件:两个页面(主页面和 iframe 页面)必须位于同一域中。

主页:

<script>
 var my_var = 'hello world!';
</script>

iframe

<script>
  function some_fn(){
    alert(parent.my_var); //helo world!
  }
</script>