iframe でページを開く方法

iframe でページを開く方法
解決:
リンクのターゲット属性値をターゲット フレームワーク名と同じに設定するだけです。
具体的な手順:
1: フレームセットオブジェクトの場合。
(1)フレームページのコードが含まれます。

<フレームセット cols="100,*" name="frame1">
<frame src="1.htm" name="トップ">
<frame src="2.htm" name="メイン">
</フレームセット>

(2)フレーム読み込みページ(1.htmまたは2.htm)のリンクコード:

<a href="http://www.flash8.net" target="top">上のボックスのリンクを開く</a>
<a href="http://www.flash8.net" target="main">メインフレームでリンクを開く</a>

2. iframe にも同じ使用法が適用されます。

<iframe src="about:blank" name="left"></iframe>
<iframe src="about:blank" name="right"></iframe>
<a href="http://www.flash8.net" target="left">左のフレームのリンクを開きます</a>
<a href="http://www.thugx.com" target="right">右フレームでリンクを開く</a>

ヒント: スクリプトでターゲット フレームの location プロパティ値を設定することで、同じ目的を達成することもできます。のように:
<a href="http://www.flash8.net"
onClick="document.frames['right'].location=this.href;return false">right という名前のフレームでリンクを開きます</a>

特記事項: このコードを実行した後、リンクをクリックすると、リンク ターゲットが指定されたフレームまたは iframe で開きます。図 1.6.6 は、リンクをクリックした後に指定された iframe でリンクが開く効果を示しています。

図1.6.6 指定されたiframe内のリンクターゲットを開く

特記事項

この例では、主にリンクの target 属性とフレームの name 属性を使用しています。2 つの属性の値が同じ場合、リンク ターゲットがフレーム内で開かれます。
target ターゲット コンテンツを表示するウィンドウまたはフレームを設定または取得します。
name フレームの名前を設定または取得します。

<<:  単一の MySQL テーブルで数千万のデータを処理するアイデアを共有する

>>:  nginx を使用して wgcloud へのアクセスを構成する方法

推薦する

一般的な nginx コマンドをシェル スクリプトに組み込む方法の詳細な説明

1. nginxシェルスクリプトを保存するフォルダを作成する /usr/local/タスク/ngin...

MySQL マスタースレーブレプリケーションの原理からインストールと設定までを包括的に解説します。

マスタースレーブレプリケーションがなぜ必要なのでしょうか? 1. 複雑な業務システムでは、SQL 文...

HTMLのインライン要素とブロックレベル要素とは何か、またそれらの違いは何ですか

以前の就職面接で面接官が尋ねた質問を覚えています。「インライン要素とは何ですか。ブロックレベル要素と...

CentOS7 に MySQL データベースをインストールしてデバッグする詳細な手順 [例]

この例では、デバッグ用の MySQL データベースをダウンロードしてインストールする必要があります。...

UbuntuからMySQLを削除して再インストールする方法

まずmysqlを削除します: sudo apt-get remove mysql-*残ったデータをク...

MySQL の Docker インストールと設定手順

目次序文環境インストールMySQLコンテナを作成して起動する思い出させるMySQLコンテナコマンドを...

MySQL インデックス プッシュダウンを 5 分で理解する

目次インデックス プッシュダウンとは何ですか?インデックスプッシュダウン最適化の原理インデックスプッ...

MySQL で特殊文字を含むデータベース名を作成する方法の例

序文この記事では、MySQL で特殊文字を使用してデータベース名を作成する方法について説明します。こ...

MySQL複合クエリの詳細な説明

UNIONの使用ほとんどの SQL クエリは、1 つ以上のテーブルからデータを返す単一の SELEC...

CentOS7でパーティションのサイズを変更する方法

昨日、ある人のシステムのインストールを手伝ったのですが、自動パーティション分割をクリックするのを忘れ...

Dockerfileを使用してDockerイメージを構築する手順

Dockerfile は、命令を含むテキスト ファイルです。各命令はレイヤーを構築するため、各命令の...

MySQLの重複排除操作を極限まで最適化する方法

目次1. インデックスと変数の賢い使用1. インデックスなしの比較テスト2. created_tim...

MySQL 5.7.18 インストーラーのインストール ダウンロード グラフィック チュートリアル

この記事では、MySQL 5.7.18インストーラーの詳細なインストールチュートリアルを参考までに記...

Nginxのアクセス制限設定の詳細な説明

Nginxのアクセス制限設定とはNginx のアクセス制限は、IP ベースのアクセス制御とユーザーベ...

MySQL スロークエリログの設定と使用方法のチュートリアル

序文MySQL スロー クエリ ログは、日常業務でよく遭遇する機能です。MySQL スロー クエリ ...