内部フレームへのアクセス方法Html？

私は別のフレームから関数を呼び出そうとしていますが、私はdomの権利を旅行することができません？私は何か間違っているのですか？内部フレームへのアクセス方法Html？

indes.htmlコード：のtop.htmlで

<frameset rows="25%, 75%"> 
    <frame src="top.html"></frame> 
    <frameset cols="50%, 50%"> 
     <frame src="frame_left.html" name="left_frame"> 
     <frame src="frame_right.html" name="right_frame"> 
    </frameset> 
</frameset>

私が持っている：私が持っている

<body> 
    <h1>Top Frame</h1> 
<button onclick="clicked()">Click me !</button> 
<script type="text/javascript"> 
    function clicked() { 
     console.log("you clicked"); 
     console.log(top.frames["left_frame"].left()); 
    } 
</script> 
</body>

frame_left.html：

<body> 
    <h3>Frame left</h3> 
    <script type="text/javascript"> 
     function left() { 
      console.log("You called the left function from left frame"); 
     } 
    </script> 
</body>

を私はこのエラーを取得する：

top.html：12 Uncaught SecurityError：Bl原点「null」を持つフレームに、原点「null」を持つフレームへのアクセスからockedプロトコル、ドメイン、およびポートは一致する必要があります。

出典

2016-04-26 Beto

ブラウザでこれらのテストページをHTTP、またはファイルプロトコル経由でどのように呼び出していますか？エラーメッセージは、後者である可能性があることを示します。私は開発とテストのためのローカルWebサーバを設定することをお勧めします（初心者のためのWAMP/MAMPのようなものです）。 – CBroe

いいえ、それは単なるHTMLです。クロムを使用してファイルを開きます。 DOM操作でアクセスすることはできませんか？ @CBroe – Beto

あなたがローカルファイルとしてそれらを開くだけであれば、多くのブラウザはJavaScriptができることに関してはより厳しい規則を適用します。 HTTP経由でこれらのページを呼び出すと、その問題はなくなるはずです。 – CBroe

あなたはすべてのフレーム

ウィンドウ1の所有者である場合は、postMessageを使用することができます - ただ、試してみました

var popup = window.open(...popup details...); 
popup.postMessage(
     "The user is 'bob' and the password is 'secret'", 
     "https://secure.example.net" 
);

編集2 を送信2 -

window.addEventListener("message", receiveMessage, false); 

function receiveMessage(event) 
{ 
    var origin = event.origin || event.originalEvent.origin; 
    // For Chrome, the origin property is in the event.originalEvent object. 
    if (origin !== "http://example.org:8080") 
    return; 

    // ... 
}

ウィンドウを受け取りますこのコードスニペットは私のために働いた：

親フレーム：

(function() { 
    // ******** Attn : Please specify the domain2 where the iframe is located; *********** 
    var originToConnect = 'http://<childDomain>/'; 


    //a dummy message from child iframe will trigger this receiveChildMessage function 
    //This inturn will act as a callback to send its location again using postMessage 
    var receiveChildMessage = function(e){ 
     console.log('Parent: Request received from child'); 
     document.getElementById('logging').innerHTML += '<span>Parent:</span><br/> Request received from child<hr/>'; 

     var iframe = window.frames['iframe1']; 
     iframe.postMessage(window.top.location.href,originToConnect);//acts like callback and send loc to child 

     console.log('Parent: Sending Location info to child'); 
     document.getElementById('logging').innerHTML += '<span>Parent:</span><br/> Sending Location info to child<hr/>'; 
    }; 
    if (typeof window.addEventListener !== 'undefined') { 
     window.addEventListener('message', receiveChildMessage, false); 
    } else { 
     window.attachEvent('onmessage', receiveChildMessage); 
    } 
})();

インナーフレーム：

(function() { 
    // ******** Attn : Please specify the domain1 where the main file(parent domain I used "server1") is located;*********** 
    var originToConnect = 'http://<parentDomain>/'; 

    console.log('Child: Sending request to parent'); 
    document.getElementById('logging').innerHTML += '<span>Child:</span><br/> Sending request to parent<hr/>'; 

    //Posting a dummy message to trigger onmessage on the parent window 
    //the parent in turn will post a different message where it is programmed to send its location 
    //then will be received in this iframe receiveParentMessage() method 
    parent.window.postMessage('Give Me your co-ordinates',originToConnect); 


    var receiveParentMessage = function(e){ 
     console.log('Child: Message received from parent'); 
     document.getElementById('logging').innerHTML += '<span>Child:</span><br/> Message received from parent<hr/>'; 
     console.log('Child: Print Window location = '+e.data); 
     document.getElementById('msg').innerHTML = '<span>Child:</span><br/> Printing Parent Window location:<br/><br/><b>'+e.data+'</b><hr/>'; 
    }; 
    if (typeof window.addEventListener !== 'undefined') { 
     window.addEventListener('message', receiveParentMessage, false); 
    } else { 
     window.attachEvent('onmessage', receiveParentMessage); 
    } 
})();

あなたが相互通信するために別のペアを作成する必要があります。

出典

2016-04-26 21:16:15 joyBlanks

ねえ、お返事ありがとう。これは、それよりも複雑なようです。私はこれを見つけましたが、http://www.easywayserver.com/blog/calling-parent-child-function-in-frame/ @joyBlanksを試してみてもうまくいきません。 – Beto

@Betoは更新された投稿をチェックします私 – joyBlanks

内部フレームへのアクセス方法Html？

答えて

関連する問題