从同一域上的父窗口访问iframe中的JavaScript变量

Question

我对JavaScript很新，我试图从嵌入式iframe中获取变量的值。 我已经采取了基本的测试，以确保我正确的方法...

我尝试了常见的建议，一切都返回'undefined'。 我想在onc​​lick事件中使用该变量。

在iframe内容中，我删除了所有内容，只是为了进行测试而已：

<script>
var test = "test";
</script>

在父窗口中我做了这个：

<iframe src="iframe.html" id="iframe" width="200" height="100"></iframe>

<script>
var myVar = window.frames[0].window.test;
</script>
<a href="#" onclick='alert(myVar)' id="link">Click</a>

我已经尝试了这里建议的选项： 从嵌入式iframe中获取全局变量

我所做的一切都是未定义的......我在做一些根本错误的事情吗？

提前致谢..

Answer 1

当<iframe>仍在加载时，您已经在执行脚本，因此它的test undefined 。 要么等待iframe的load事件，要么在单击时获取变量：

<iframe src="iframe.html" id="iframe" width="200" height="100"></iframe>

<script>
var myFrame = window.frames[0].window;
</script>
<a href="#" onclick='alert(myFrame.test)' id="link">Click</a>

Answer 2

在访问myVar之前，您显然没有等待加载帧的内容。 当你这样做时，框架中的<script>元素尚未被提取或执行。

尝试延迟变量赋值，直到帧的内容完全加载为止：

<iframe src="iframe.html" id="iframe" onload="frameLoaded();" width="200" height="100"></iframe>

<script>
    var myVar;
    function frameLoaded() {
        myVar = window.frames[0].window.test;
    }
</script>

顺便说一句，既然你的问题被标记为jquery，我建议你写一些类似的东西：

<iframe src="iframe.html" id="iframe" width="200" height="100"></iframe>

<script>
    $("#iframe").on("load", function() {
        var myVar = this.window.test;
        $("#link").on("click", function() {
            alert(myVar);
        });
    });
</script>

Answer 3

试着用这个

 <iframe src="iframe.html" id="iframe" onload="loader()" width="200" height="100">    </iframe>

<script>
    var myVar
    function loader(){
        myVar = window.frames[0].window.test;
    }
</script>
<a href="#" onclick='alert(myVar)' id="link">Click</a>

Answer 4

在旁边的解决方案中，我只想指出当你使用jquery onload事件处理函数并且你想要访问jquery“this”对象时，你必须使用$（this.attr）表示法。