iframe を更新する 3 つの方法

iframe を更新する 3 つの方法

コードをコピー
コードは次のとおりです。

<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()"> または
<input type="button" name="ボタン" value="ボタン" onclick="document.all.ifrmname.document.location.reload()">

オプション2:
iframe id属性を使用して検索する

コードをコピー
コードは次のとおりです。

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

究極の解決策:
iframeのsrcが別のウェブサイトのアドレスである場合(クロスドメイン操作)

コードをコピー
コードは次のとおりです。

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

<<:  純粋な CSS を使用して 3D 回転効果を実装するサンプル コード

>>:  Vuex のモジュール化と名前空間の例のデモ

推薦する

ウェブサイトのパフォーマンス: 画像とCookieの最適化、モバイルアプリケーションの最適化

前のセクションでは、コンテンツ、サーバー、JavaScript、CSS など、Web サイトのパフォ...

JavaScript の便利な配列トリック 12 選

目次アレイ重複排除1. from() を新しい Set() メソッドに重ねる2. スプレッド演算子 ...

CSSスタイルシートを効率的に使用するためのヒント: スタイルシートの力を最大限に活用する

インターネット経済の継続的な発展に伴い、インターネット上の専門ウェブサイト、公共サービスウェブサイト...

HTMLページ内の検索機能を完了する

最近、たくさんの人に改変してもらったフレームワークに取り組んでいます。毎日コードを見ていると目が回り...

曇り空のアイコン効果を実現する純粋な CSS

効果効果は以下のとおりです​実装のアイデアbox-shadow プロパティを使用して、複数の灰色の円...

Taobao の商品画像切り替え効果を実現する JavaScript

JavaScriptの服装アルバム切り替え効果(Taobao商品画像切り替えに似ています)、参考ま...

CSSで検索ボックスを非表示にする機能を実装します(アニメーション順方向と逆方向のシーケンス)

上部のメニュー バーに検索ボックスを配置するのは一般的なシナリオですが、検索機能がそれほど頻繁に使用...

Nginx+Tomcat 負荷分散クラスタの実装例

目次導入1. 事例の概要2. 環境の展開3. Nginxホストのインストール4. Tomcatのイン...

Alibaba Cloud Docker Yum ソースを使用した Docker 17.03.2 の CentOS7 オンラインインストールの詳細説明

参照ドキュメント公式 Docker インストール ドキュメント: https://docs.dock...

SQL文の最適化の一般的な手順の詳細な説明

序文この記事では主に、SQL ステートメントの最適化の一般的な手順について説明します。これは、参考と...

Mac MySQL のルートパスワードをリセットするチュートリアル

免責事項:このパスワード リセット方法は、Homebrew によってインストールされた MySQL ...

Windows 10 1903 エラー 0xc0000135 の解決方法 [推奨]

Windows 10 1903 は、2019 年に Microsoft がリリースした Windo...

Ubuntu 16.04 で FTP サーバーを構築するチュートリアル

Ubuntu 16.04 FTP サーバーをビルドするftpをインストールするftp をインストール...