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 のモジュール化と名前空間の例のデモ

推薦する

Svelte の Defer Transition を Vue で実装する方法

最近、Rich Harris の <Rethinking Reactivity> ビデオ...

なぜCSSをヘッドタグに配置する必要があるのか

考えてみてください。なぜcss 、 javascriptのようにbodyタグの末尾ではなく、 hea...

表に斜めヘッダー効果を出す5つの方法

誰もがテーブルをよく知っているはずです。コード内でよく見かけます。テーブルにスラッシュ ヘッダーを追...

HTML でのアンカーポイントの適用

アンカーポイントの設定<a name="トップ"></a>...

MySQL InnoDB ReplicaSet の簡単な紹介

目次01 InnoDBレプリカセットの紹介02 InnoDBレプリカセットの制限03 導入前に知って...

実務経験7年のフロントエンドスーパーバイザーによる経験共有

今日はベテランの貴重な経験を共有します。著者は技術管理の経験が7年あり、多い時は80人以上を率いてい...

CentOS7 のシステム サービスに Nginx を追加する方法

導入コンパイル、インストール、問題の解決後、Nginx は正常に動作していますが、現時点では Ngi...

ユーザーのニーズがマーケティング指向のデザインにつながる

<br />それぞれのトピックについて、チーム内でメールで議論します。議論が白熱するにつ...

3 階層ナビゲーション メニューを実現するための js+css

この記事の例では、3レベルのナビゲーションメニューを実装するためのjs + cssの具体的なコードを...

WIN10 に複数のデータベースがインストールされている場合にコンピュータの速度低下を防ぐ方法

必要なときにサービスを有効にし、必要がないときは無効にします。データベース サービスを管理する方法:...

Docker ベースの Selenium 分散環境の構築

1.画像をダウンロードするdocker pull selenium/hub docker pull ...

MySQL双方向バックアップの実装方法

MySQL 双方向バックアップはマスター-マスター バックアップとも呼ばれ、両方の MySQL サー...

CSS カウンターを使用して数字の順序付きリストを美しく表示する方法

Web デザインでは、Web サイトに表示されるデータの構造とコンテンツをユーザーが明確に理解できる...

Echart Bar の 2 列チャート スタイルの最も完全な詳細な説明

目次序文インストールと設定1. Echartsをインストールする2. Echartsをグローバルに導...

CSS でフローティングにより親要素の高さが崩れる問題を解決するいくつかの方法

以前は、フロートはレイアウトによく使用されていましたが、フローティングレイアウトを使用すると親要素の...