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 に答える