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 へのアクセスを構成する方法

推薦する

さまざまな Tomcat ログと catalina.out ファイルのセグメンテーションの関係についての簡単な分析

Tomcatログの関係一枚の写真は千の言葉に値する! localhost.{yyyy-MM-dd}....

MySQL データベース グループ クエリの group by ステートメントの詳細な説明

1: グループ化関数の記述順序 1 選択 ... 2 から ... 3 どこで ... 4 グループ...

CSSがページのレンダリングをブロックするかどうかについての簡単な説明

おそらく誰もが js の実行によって DOM ツリーの解析とレンダリングがブロックされることを知って...

Vmwareでディスクを追加する方法:ディスクを拡張する

この記事では、ディスクを追加または拡張して、Vmare で有効にする方法について説明します。シナリオ...

アバターと国旗の統合を実現する1行のCSSコード

今日は建国記念日で、誰もが祖国の誕生日をお祝いしようとしています。毎年この時期になると、WeChat...

CSS3を使用してヘッダーアニメーション効果を作成する

Netease Kanyouxi公式サイト(http://kanyouxi.163.com/)(棚...

史上最も簡単な MySQL データのバックアップと復元のチュートリアル (パート 2) (パート 37)

データのバックアップと復元パート3の詳細は次のとおりです基本的な概念:バックアップ、現在のデータまた...

CentOS システムでの JDK のインストールと設定の概要

目次序文OpenJDKの確認とアンインストールダウンロードした圧縮パッケージを使用してJDKをインス...

Vueで背景色と透明度を設定する方法

背景色と透明度の設定上記のように、最初の画像の場合は、灰色の背景と左上隅に白い「カバー」という文字を...

CSS の overflow: hidden の使い方 (オーバーフローの非表示とフロートのクリア)

オーバーフロー非表示指定された高さを超えるテキストや画像情報を非表示にすることを意味します。 <...

Vue ページ状態の永続化の詳細な説明

目次コード:補充:要約する要件: 左のツリーと右のテーブル。組織ツリーでノードを選択した後、詳細ペー...

Nginx アクセス ログとエラー ログ パラメータの説明

例: nginx ログには、アクセス ログとエラー ログの 2 つの主な種類があります。アクセス ロ...

Ubuntu 16.04 64 ビット版の VMware Tools のインストールと構成のグラフィック チュートリアル

この記事では、VMware Toolsのインストールと構成に関するグラフィックチュートリアルを参考と...

MySQL サーバー IO 100% 分析および最適化ソリューション

序文ストレス テスト中に、リソース使用のボトルネックによって発生する最も直接的なパフォーマンスの問題...

Node.js における path.join() の利点の分析

文字列連結ではなく path.join() メソッドを使用する必要があるのはなぜか疑問に思うかもしれ...