親ページの更新を制御するために HTML で iframe を実装するためのアイデアとコード

親ページの更新を制御するために HTML で iframe を実装するためのアイデアとコード
1. 応用シナリオ

親ページ a.jsp
サブページ b.jsp (ページ a に埋め込まれた iframe によって指し示されるページ)

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

<本文>
<iframe id="frame" src="b.jsp" .../>
</本文>

ここで、ページ b で操作が実行されます。操作が完了したら、ページ a に埋め込まれた iframe を更新する必要があります。

2. アイデア

ページ b でページ a を見つけ、ページ a で iframe を見つけて、iframe の src 属性を再割り当てします。

3. 実装

b.jsp内

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

関数リフレッシュ(){
var frame = window.parent.document.getElementById("frame");
var パス = frame.getAttribute("src");
フレームに属性を設定します。
}

これによりフレームのみが更新され、部分的な更新効果が実現されます。

<<:  CSS 経由で JS にパラメータを渡す方法

>>:  MySQLインデックスの失敗の典型的なケース

推薦する

ユーザー中心設計

最近、デジタル デザイン コミュニティで「誰が何を担当するのか」という明らかな混乱についてよく質問さ...

ユーザー エクスペリエンス デザイナーとは誰ですか?

怖いですね! 写真の翻訳: (内側から外側へ)最初のレイヤー:ユーザーエクスペリエンス第2層:コンテ...

Dockerコンテナとホスト間のデータ相互作用の概要

序文実稼働環境で Docker を使用する場合、多くの場合、データを複数のコンテナ間で永続化または共...

React Nativeでaxiosを使用してネットワークリクエストを行う方法

フロントエンド開発では、Ajax、jQuery ajax、axios、fetch など、データ要求を...

Mac で docker と kubectl の自動補完コマンドを追加する方法

kubectl の紹介kubectl は、k8s クラスターを操作するためのコマンドライン ツールで...

CSS を使用してデータ ホットスポット効果を実現する方法

効果は以下のとおりです。 分析する1. ここでは、点を囲む 3 つの円がズームアニメーションを実行し...

Linuxターミナルでの一般的なMySQL操作コマンドの詳細な説明

仕える: # chkconfig --list すべてのシステム サービスを一覧表示します # ch...

Linux がますます人気になっている 10 の理由

Linux はますます多くのユーザーに愛されてきました。なぜ Linux はこれほど急速に発展し、い...

VUE でタブページを切り替える 4 つの方法

目次1. 静的実装方法: 2. 第2のシミュレーション動的方法3. 3番目の動的データ方式4. 動的...

Tomcat マルチインスタンスの展開と構成の原則

1. ファイアウォールをオフにし、Tomcatのインストールに必要なソフトウェアパッケージを/opt...

MySQL pt-slave-restart ツールの使い方の紹介

目次MySQL マスター スレーブ レプリケーション環境を設定する場合、マスター データベースとスレ...

nginx+FastDFS を使ってファイル管理システムを段階的に構築する

目次1. FastDFS の概要1. はじめに2. FastDFSストレージ戦略3. FastDFS...

よく使われる Docker コマンドと例の概要と分析

目次1. コンテナライフサイクル管理(1)ドッカー実行(2)スタート/ストップ/リスタート(3)ドッ...

数十行のjsを使用してクールなキャンバスインタラクティブ効果を実現する方法を教えます

目次1. 円を描く2. マウスで動かした円3. マウスでドラッグした粒子4. カラーグラデーション粒...

MySQL の instr を使用したファジー クエリ メソッドの紹介

MySQL の内部関数instrを使用すると、従来の like クエリ メソッドを置き換えることがで...