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','')">
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
HTMLページにSVGを挿入するための様々な方法
-
htmlテーブルの比較幅のオーバーフローを解決する方法
-
フォームタグを使用した登録ページのHTMLサンプルコード
-
HTMLページのスクロールは、コンテンツの位置の一部が固定されていない場合の実装
-
htmlのフォーム・フォーム送信操作に関する情報集
-
iframe適応型におけるWebレスポンシブレイアウト
-
disabledとreadonlyの役割と違いについて
-
HTMLにおけるdivとspanの違い(共通点と相違点)
-
htmlのテキストボックス(テキスト)は、様々なメソッドの読み取り専用の実装を使用できません。
-
HTMLにおけるMETAタグの使用例