Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/wpf/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使在IFRAME中加载的页面访问包含页面的JavaScript对象';手稿_Javascript - Fatal编程技术网

使在IFRAME中加载的页面访问包含页面的JavaScript对象';手稿

使在IFRAME中加载的页面访问包含页面的JavaScript对象';手稿,javascript,Javascript,我有一个名为Parent.HTML的HTML页面,其中包含一些内联JavaScript代码,还有一个IFRAME,在其中加载另一个名为Child.HTML的页面 我希望Child.html中的JavaScript代码能够引用Parent.html中声明的JavaScript对象 可能吗?我试过了,但没用。请参阅下面的代码 Parent.html <html> <head> <script src = "jQuery.js" type = "t

我有一个名为Parent.HTML的HTML页面,其中包含一些内联JavaScript代码,还有一个IFRAME,在其中加载另一个名为Child.HTML的页面

我希望Child.html中的JavaScript代码能够引用Parent.html中声明的JavaScript对象

可能吗?我试过了,但没用。请参阅下面的代码

Parent.html

<html>
    <head>
        <script src = "jQuery.js" type = "text/javascript"></script>
        <script>
            var Foo = 
            {
                Initialize: function()
                {
                    alert('Hello, I am Foo.');
                },

                SomeVariable : 'I am a property of the Foo class.'
            };

            $(document).ready( function() { Foo.Initialize(); } );
        </script>
    </head>

    <body>
        <h1>Parent</h1>

        <p>This is the parent Web page.</p>

        <p>
            <IFRAME src = "child.html" height = "400" width = "800"></IFRAME>
        </p>
    </body>
</html>
<html>
    <head>
        <script type = "text/javascript">
            $(document).ready( function() { Foo.Initialize(); alert(Foo.SomeVariable); } );
        </script>
    </head>

    <body>
        <h4>Child</h4>

        <p>This is the child Web page.</p>

        <p>
            I am a child.

            <script>

            </script>
        </p>
    </body>
</html>

变量Foo=
{
初始化:函数()
{
警惕(‘你好,我是福’);
},
SomeVariable:“我是Foo类的属性。”
};
$(document).ready(函数(){Foo.Initialize();});
父母亲
这是父网页

Child.html

<html>
    <head>
        <script src = "jQuery.js" type = "text/javascript"></script>
        <script>
            var Foo = 
            {
                Initialize: function()
                {
                    alert('Hello, I am Foo.');
                },

                SomeVariable : 'I am a property of the Foo class.'
            };

            $(document).ready( function() { Foo.Initialize(); } );
        </script>
    </head>

    <body>
        <h1>Parent</h1>

        <p>This is the parent Web page.</p>

        <p>
            <IFRAME src = "child.html" height = "400" width = "800"></IFRAME>
        </p>
    </body>
</html>
<html>
    <head>
        <script type = "text/javascript">
            $(document).ready( function() { Foo.Initialize(); alert(Foo.SomeVariable); } );
        </script>
    </head>

    <body>
        <h4>Child</h4>

        <p>This is the child Web page.</p>

        <p>
            I am a child.

            <script>

            </script>
        </p>
    </body>
</html>

$(document).ready(函数(){Foo.Initialize();警报(Foo.SomeVariable);});
小孩
这是子网页

我是一个孩子。


这些页面之间有没有共享数据的方法?

window.top.Foo.Initialize()
window.parent.Foo.Initialize()


请注意,跨窗口的访问受

window.top.Foo.Initialize()
window.parent.Foo.Initialize()


请注意,跨窗口访问受

限制。如果jQuery在框架中不可用,则当然不能在框架中使用它。但是,您可以使用家长的jquerytank。你想给我一个答案,我会检查它是否正确?:-)谁我我认为Phil的回答说明了这一点。如果jQuery在框架中不可用,那么当然不能在框架中使用它。但是,您可以使用家长的jquerytank。你想给我一个答案,我会检查它是否正确?:-)谁我我认为菲尔的回答说明了这一点。非常感谢。还有9分钟,我会把你的答案记为正确答案。非常感谢。还有9分钟我就把你的答案记为正确答案了。