代码之家 › 专栏 › 技术社区 › ControlAltDel

从iframe中加载的html页面上的源脚本获取Javascript变量

iframe html javascript

ControlAltDel · 技术社区 · 4 年前

以下是这个问题的后续内容: Accessing JavaScript variable in an iframe, from the parent window on same domain

为了在这里发布一些可测试的东西,我有一个src。js文件设置如下:

var foo = {"foo":"bar"};

然后我可以创建一个HTML页面test1。头上有一行的html:

<script src="src.js" type="text/javascript"></script>

然后我有另一个HTML页面test2。html,带有

<iframe src="test1.html"></iframe>

如何从test2访问foo。html?我尝试了以下方法,但没有找到 foo (在test2.html中的一个div中单击按钮运行此功能)

  console.log("foo: " + typeof foo);
  console.log("foo: " + window.foo);
  console.log("Frame window: " + window.frames[0].window); //this works
  console.log("Sections: " + window.frames[0].window.foo);

注意:在iframe中, 福 肯定有

0 回复 | 直到 4 年前

ControlAltDel 4 年前

以下是最终对我有效的方法。在JS库中:

const foo = {"foo":"bar"};

window.getFoo = function() {
  return foo;
}

在带有iFrame(test2.html)的页面上:

  var iframe = document.getElementById("mainPanel"); //mainPanel is the id of the iframe
  var iWindow = iframe.contentWindow;
  var foo = iWindow.getFoo();

推荐文章

mlsmet · 无法在Android手机上水平滚动表格

4 年前

lord stock · 硒在iframe中引发与下拉菜单相互作用的非接触元素异常

4 年前

ironmantis7x · 我无法使用html更改iframe中文本的文本颜色

4 年前

GÊá´á´á´ÊCá´á´ · 如何预加载或检测CDN承载的视频何时加载到盖茨比的折叠上方?

4 年前

ControlAltDel · 从iframe中加载的html页面上的源脚本获取Javascript变量

4 年前

Soniya Joshi · Android如何在Android iframe webview中传递url?

8 年前

Hellpless · 根据iframe-Google自动播放策略中的allow=“Autoplay”属性激活自动播放

8 年前

rosu alin · Vimeo视频不会在iframe中的chrome上启动。未调用LoadProgress

8 年前

Mahsa · 如何在javascript中获取iframe中链接的坐标

8 年前

Dixon Chaudhary · 在Laravel中维护会话和身份验证

8 年前