親ページの更新を制御するために 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インデックスの失敗の典型的なケース

推薦する

バージョン管理ツール Rational ClearCase の紹介

Rational ClearCase は、コードやその他のソフトウェア開発資産のバージョン管理を実...

プレーヤー機能を実現するためのvue + element uiのサンプルコード

効果画像のない表示は単なる空虚な言葉です。 1. オーディオをベースにし、elementUI と組み...

MySQLデータベース監視binlogを有効にする手順

序文多くの場合、ユーザーが自分のデータに対して実行する操作に基づいて何かを行う必要があります。たとえ...

Angularの単一プロジェクトを複数プロジェクトにアップグレードするプロセス全体

目次序文開発環境新しいプロジェクトを作成するモバイルウェブプロジェクト角度付きJSONパブリックモジ...

バックエンド管理システムを構築するためのvue-element-adminの実装手順

最近、カンファレンスの健康申告システムに取り組んでいたとき、バックエンドを構築する必要があり、vue...

良いと思う国内のデザインサイトをいくつか選んでみました。

<br />私が良いと思った国内のデザインサイトをまとめてみました。広告ではありません!...

div を下から上にスライドさせる CSS3 の例

1. まず、CSS3 のターゲット セレクターを使用し、a タグを使用して id セレクターを指定し...

MySQL オンライン DDL ツール gh-ost 原理分析

目次1. はじめに1.1 原則1.2 プロセス1.3 特徴1.4 githubアドレス2. テスト環...

Centos7 に mysql 8.0.13 (rpm) をインストールする詳細なチュートリアル

yum か rpm か? yum によるインストール方法は非常に便利ですが、公式サイトから MySQ...

CentOS 6 は Docker を使用して Zookeeper 操作例を展開します

この記事では、Docker を使用して Centos6 に Zookeeper をデプロイする方法に...

Baidu Maps を Web ページに埋め込み、Baidu Maps API を使用してマップをカスタマイズする詳細な手順

ウェブページにBaiduマップを挿入するBaidu Maps を自分の Web ページに追加したい場...

jsはシンプルなカウントダウンを実装します

この記事の例では、参考までに簡単なカウントダウンを実装するためのjsの具体的なコードを共有しています...

React双方向データバインディングの原理についての簡単な説明

目次双方向データバインディングとは双方向データバインディングの実装データ影響ビュービューはデータに影...

mysql8.0.18 で winx64 をインストールするための詳細なチュートリアル (画像とテキスト付き)

MySQLデータベースをダウンロードするには、https://dev.mysql.com/down...