1. ホーム
  2. Web制作
  3. HTML/Xhtml

iframe を更新する方法に関する 3 つの実装オプション

2022-01-15 21:25:11

コピーコード
コードは以下の通りです。

<iframe src="1.htm" name="ifrmname" id="ifrmid"></iframe>

オプション1:
iframeのname属性による位置決め
コピーコード
コードは以下の通りです。

<input type="button" name="Button" value="Button" onclick="document.frames('ifrmname').location. reload()"> or
<input type="button" name="Button" value="Button" onclick="document.all.ifrmname.document. location.reload()">

オプション 2:
iframeのid属性で位置決め
コピーコード
コードは以下の通りです。

<input type="button" name="Button" value="Button" onclick="ifrmid.window.location.reload()" >

究極のソリューション
iframeのsrcが他サイトのアドレスの場合(ドメインをまたいで運用する場合)
コピーコード
コードは以下の通りです。

<input type="button" name="Button" value="Button" onclick="window.open(document.all.ifrmname.src ,'ifrmname','')">