jQueryでiframeをリロードする

ページに2つのiframeがあり、一方が他方に変更を加えましたが、もう一方のiframeは更新するまで変更を表示しません。このiframeをjQueryで簡単に更新する方法はありますか？

<div class="project">
  <iframe id="currentElement" class="myframe" name="myframe" src="http://somesite.com/something/new"></iframe>
</div>

iframeが別のドメインにない場合は、次のようにすることができます。

document.getElementById(FrameID).contentDocument.location.reload(true);

ただし、iframeは別のドメインにあるため、iframeのcontentDocumentプロパティへのアクセスは拒否されます。同一生成元ポリシー。

ただし、コードがiframeの親ページで実行されている場合は、src属性をそれ自体に設定することで、クロスドメインiframeを強制的に再読み込みできます。このような：

// hackishly force iframe to reload
var iframe = document.getElementById(FrameId);
iframe.src = iframe.src;

あなたが別のiframeからのiframeをリロードしようとしている場合、あなたは、運の外にあるものではない可能性。

$( '#iframe' ).attr( 'src', function ( i, val ) { return val; });

jqueryを使用することもできます。これは、AlexがJQueryだけを使用して提案したものと同じです。

 $('#currentElement').attr("src", $('#currentElement').attr("src"));

jQueryでiframeをリロードする

iframe内にリンクを作成し、id = "reload"で言ってから、次のコードを使用します

$('#reload').click(function() {
    document.location.reload();
});

そして、あなたはすべてのブラウザで行くのが良いです。

HTMLでiframeをリロードします（Javaスクリプトは必要ありません）。

よりシンプルなソリューションがあります：（FF、Webkit）でjavaScriptなしで動作します

iframeの内側にアンカーを作成するだけです

   <a href="#" target="_SELF">Refresh Comments</a>

このアンカーをクリックすると、iframeが更新されます

ただし 、パラメータをiframeに送信する場合は、次のようにします。

  <a id="comnt-limit" href="?id=<?= $page_id?>" target="_SELF">Refresh Comments</a>

-> target = "_ SELF"がそれを行うため、ページURLは必要ありません

jqueryでこれを使うことができます：

$('#iframeid',window.parent.document).attr('src',$('#iframeid',window.parent.document).attr('src'));

アレックスの答えを往復させるだけですが、jQuery

var currSrc = $("#currentElement").attr("src");
$("#currentElement").attr("src", currSrc);

ここに別の方法があります

$( '#iframe' ).attr( 'src', function () { return $( this )[0].src; } );

上記の例はすべて、現在のURLではなく、元のsrcでiframeをリロードするだけだと確信しています。

$('#frameId').attr('src', function () { return $(this).contents().get(0).location.href });

現在のURLを使用して再読み込みする必要があります。

クロスドメインの場合は、ロケーションハッシュが変更されても、srcを同じURLに戻すだけでは、常にリロードがトリガーされるとは限りません。

Twitterボタンのiframeを手動で作成しているときにこの問題に遭遇しました。URLを更新しても更新されません。

Twitterのようなボタンの形式は次のとおりです。 .../tweet_button.html#&_version=2&count=none&etc=...

TwitterはURLにドキュメントフラグメントを使用しているため、ハッシュ/フラグメントを変更してもソースはリロードされず、ボタンターゲットには新しいajaxでロードされたコンテンツが反映されませんでした。

リロードを強制するためのクエリ文字列パラメータを追加できます（例： "?_=" + Math.random() しかし、特にTwitterのアプローチがキャッシュを有効にしようとしたこの例では、帯域幅を浪費します。

ハッシュタグでのみ変更されるものをリロードするには、要素を削除するか、を変更してsrc、スレッドが終了するまで待ってから、再度割り当てる必要があります。ページがまだキャッシュされている場合は、ネットワークヒットは必要ありませんが、フレームの再読み込みがトリガーされます。

 var old = iframe.src;
 iframe.src = '';
 setTimeout( function () {
    iframe.src = old;
 }, 0);

更新：このアプローチを使用すると、不要な履歴アイテムが作成されます。代わりに、毎回iframe要素を削除して再作成します。これにより、このback（）ボタンが期待どおりに機能し続けます。タイマーがないのもいいですね。

Alexの答えを往復させるだけですが、jQueryを使用します。

var e = $('#myFrame');
    e.attr("src", e.attr("src"));

または、小さな関数を使用できます。

function iframeRefresh(e) {
    var c = $(e);
        c.attr("src", c.attr("src"));
}

お役に立てば幸いです。

$('IFRAME#currentElement').get(0).contentDocument.location.reload()

これは簡単なJavaScriptで可能です。

• iFrame1で、bodyタグのonloadで呼び出されるJavaScript関数を作成します。設定したサーバー側の変数をチェックするので、iframe1で特定のアクションを実行しない限り、iframe2でJavaScript関数を実行しようとしません。これは、ボタンを押すことで発生する関数として設定することも、iframe1で設定することもできます。
• 次に、iframe2には、下にリストする2番目の関数があります。iframe1の関数は基本的に親ページに移動し、window.frames構文を使用してiframe2でJavaScript関数を起動します。必ずではなく、iframe2 のid/ を使用しnameてくださいsrc。

//function in iframe1
function refreshIframe2()
{
    if (<cfoutput>#didValidation#</cfoutput> == 1)
    {   
         parent.window.frames.iframe2.refreshPage();
    }
}

//function in iframe2
function refreshPage()
{   
    document.location.reload();
}

//ページ上のすべてのiframeを更新する

var f_list = document.getElementsByTagName('iframe');

 for (var i = 0, f; f = f_list[i]; i++) {
                            f.src = f.src;
                        }

    ifrX =document.getElementById('id') //or 
    ifrX =frames['index'];

クロスブラウザソリューションは次のとおりです。

    ifrX.src = ifrX.contentWindow.location

これは特に、<iframe>が<form>のターゲットである場合に役立ちます。

解決しました！機能する唯一のソリューション（少なくともASP.NET/IE/FF/Chrome）を共有するために、stockoverflowに登録します！アイデアは、divのinnerHTML値を現在のinnerHTML値で置き換えることです。

HTMLスニペットは次のとおりです。

<div class="content-2" id="divGranite">
<h2>Granite Purchase</h2>
<IFRAME  runat="server" id="frameGranite" src="Jobs-granite.aspx" width="820px" height="300px" frameborder="0" seamless  ></IFRAME>
</div>

そして私のJavaScriptコード：

function refreshGranite() {           
   var iframe = document.getElementById('divGranite')
   iframe.innerHTML = iframe.innerHTML;
}

お役に立てれば。

使用する必要があります

[0] .src

iframeのソースを見つけるには、そのURLが親の同じドメインにある必要があります。

setInterval(refreshMe, 5000);
function refreshMe() {
    $("#currentElement")[0].src = $("#currentElement")[0].src;   
}

あなたはこのようにそれを行うことができます

$('.refrech-iframe').click(function(){
        $(".myiframe").attr("src", function(index, attr){ 
            return attr;
        });
    });

以下の解決策は確実に機能します：

window.parent.location.href = window.parent.location.href;