JavaScriptを使用してiframeを再読み込みする方法

方法1: iframeのsrcを変更する方法 この方法では、JavaScriptを使用してiframeのsrc属性を変更することで再読み込みを実現します。

function reloadIframe() {
  var iframe = document.getElementById('myIframe');
  iframe.src = iframe.src;
}

上記のコードでは、idが"myIframe"であるiframe要素を取得し、そのsrc属性を現在の値に設定することで再読み込みを行います。この関数を呼び出すことで、iframeが再読み込みされます。

方法2: location.reload()を使用する方法 この方法では、JavaScriptのlocationオブジェクトのreload()メソッドを使用してiframeを再読み込みします。

function reloadIframe() {
  var iframe = document.getElementById('myIframe');
  iframe.contentWindow.location.reload();
}

上記のコードでは、idが"myIframe"であるiframe要素を取得し、そのcontentWindowオブジェクトのlocation.reload()メソッドを呼び出すことで再読み込みを行います。

方法3: iframeのouterHTMLを更新する方法 この方法では、JavaScriptを使用してiframeのouterHTMLを更新することで再読み込みを行います。

function reloadIframe() {
  var iframe = document.getElementById('myIframe');
  var iframeParent = iframe.parentElement;
  iframeParent.innerHTML = iframeParent.innerHTML;
}

上記のコードでは、idが"myIframe"であるiframe要素を取得し、その親要素のinnerHTMLを再設定することで再読み込みを行います。

これらの方法を使用することで、JavaScriptを介してiframeを再読み込みすることができます。ご希望の方法を選択し、適切なコードを実装してください。