5

そのドキュメントをロードするために新しい GET を発行せずに、ブラウザ ウィンドウ (_top フレーム) のコンテンツを iframe にロードされたドキュメントに置き換えることは可能ですか?

このようなもの：

<html>
<head>
<script type="text/javascript" language="JavaScript">
$(document).ready(function() {
  $("#link").click(function() {
    // should present in the browser window the content of the iframe WITHOUT reload
    // even preserve javascript/head code
    $(document).html($("#frameDestination").html());
  });
});
</script>
</head>
<body>
<a id="link" href="#">full window</a>
<iframe id="frameDestination" src="http://www.some-random-site.com" width="900px" height="500px"></iframe>
</body>
</html>
4

2 に答える 2

1

クロスドメインはテストしていませんが、同じドメインで次のスクリプトが機能しています。

$(document).ready(function() {
  $("#link").click(function() {
    var iframeBody = document.getElementById("frameDestination").contentDocument,
    head = iframeBody['head'].innerHTML, 
    body = iframeBody['body'].innerHTML;
    $('body').html( body );
    $('head').html( head );
  });
});

最新の Firefox では、フレーム内のスクリプト タグに変数を設定して、リンクをクリックした後に _top でその値を確認することもできます。

于 2013-01-24T16:26:16.973 に答える
1

jQuery で iframe を操作する場合は、contents() を使用します。

$("#YourIframe").contents().find("html").html();

これは、iframe が親と同じドメインにある場合にのみ機能します。

于 2013-01-24T16:19:23.987 に答える