3

我在我的应用程序中使用 iFrame。让我在这里举个例子。我有主页作为

<html>
  <head>
    <script src='jquery.js'></script>
    <script>
      function TestFunction()
      {
        var FirstName = $("#first_name").val();
        alert(FirstName);
      }
    </script>
  <head>
  <body>
    Enter First Name: <input type='text' size='20' id='first_name'><br />
    <input type='button' value='Cilck' onclick='TestFunction();'><br />
    <iframe id='test_iframe' src='test_iframe.htm' height='200' width='200'>
    </iframe>
  </body>
</html>

...这可以很好地提醒文本框中输入的任何内容

但是是否可以在 iframe 中调用相同的函数来提醒父页面文本框中存在的值？

假设 test_iframe.htm 代码是这样的

<html>
  <head>
  <script src='jquery.js'></script>
  <script>
     function IframeFunction()
     {
        TestFunction(); // I know this wont work.. just an example
     }
  </script>
  <head>
  <body>
    <input type='button' value='Click' onclick='IframeFunction();'>
  </body>
</html>

这可以做到吗？

4

3 回答 3

4

我相信这可以通过“父母”来完成

function IframeFunction() 
{ 
   parent.TestFunction(); 
}
于 2012-04-19T11:37:50.250 回答
1 
<html>
  <head>
  <script src='jquery.js'></script>
  <script>
     function IframeFunction()
     {
       parent.TestFunction();  // or top.TestFunction()
     }
  </script>
  <head>
  <body>
    <input type='button' value='Click' onclick='IframeFunction();'>
  </body>
</html>
于 2012-04-19T11:37:56.503 回答
0 
<a onclick="parent.abc();" href="#" >Call Me </a>

请参见Window.Parent

返回对当前窗口或子框架的父级的引用。

如果窗口没有父窗口，则其父属性是对自身的引用。

当一个窗口被加载到 、 或 中时，它的父窗口是包含嵌入窗口的元素的窗口。

这个答案取自stackoverflow

于 2012-04-19T11:42:04.677 回答