我有一个名为 Parent.html 的 HTML 页面，它有一些内联 JavaScript 代码，它还有一个 IFRAME，它在其中加载另一个名为 Child.html 的页面。
我希望 Child.html 中的 JavaScript 代码能够引用 Parent.html 中声明的 JavaScript 对象。
那可能吗？我试过了，但没有用。请看下面的代码。
父.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>
Child.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>
这些页面有没有办法在它们之间共享数据？