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

推薦する

Windows 10 に MySQL 8.0.19 を zip 形式でインストールする詳細なチュートリアル

目次1.ダウンロード後、インストールしたいディレクトリに解凍します。 2. インストールディレクトリ...

CentOS 8 Zabbix 4.4 インストール ガイド

Zabbix サーバー環境プラットフォームZABBIX バージョン 4.4セントOS8 MySQL ...

Docker に共通コンポーネント (mysql、redis) をインストールする方法

Dockerはmysqlをインストールします docker search mysql 検索 dock...

最新のウェブフロントエンドフレームワーク10選を紹介(翻訳)

Web 開発の世界では、フレームワークは非常に一般的です。新しいフレームワークやテンプレートが毎日の...

Vue echarts は棒グラフの動的な表示を実現します

この記事では、棒グラフの動的な表示を実現するためのvue echartsの具体的なコードを参考までに...

HTML+CSS+JS でキャンバスがマウスの小さな円に追従する特殊効果のソースコードを実現

効果(ソースコードは最後にあります): 成し遂げる: 1. タグを定義します。 <h1>...

MySQL操作テーブルでよく使われるSQLのまとめ

1. テーブル内のフィールドの種類を表示する テーブル名を記述する desc テーブル名 2. テー...

Docker コンテナを他のサーバーに移行する 5 つの方法

多くの場合、移行は避けられません。ハードウェアのアップグレード、データ センターの変更、古いオペレー...

JSはタイムラインの自動再生を実現する

最近、次のような効果を実装しました。再生ボタンをクリックするとタイムラインの再生が開始され、一時停止...

LinuxでDHCPサーバーを構築する方法

目次1. 基礎知識: 2. DHCPサーバーの設定: 1. サーバーのIPを確認する2. DHCP ...

CSS3は円錐グラデーション効果を実現します

文法:背景画像: 円錐グラデーション(位置の角度から、開始色、...、最後の色)最初のパラメータ:開...

MySQL共通インデックスとユニークインデックスの選択に関する詳細な分析

各人が固有の携帯電話番号で登録し、ビジネス コードによって重複する携帯電話番号が 2 つ書き込まれな...

Linuxネットワーク設定の基本操作コマンドを詳しく解説

目次ネットワーク構成を表示するネットワークインターフェース情報を表示する---ifconfigルーテ...

SpringBoot プロジェクトの Docker 環境を実行するときに発生する無限再起動問題の詳細な説明

もしかしたら私の考え方が間違っていたのかもしれないし、問題の説明が少し乱雑だったのかもしれないが、こ...

Vue プロジェクトに ECharts を導入する

目次1. インストール2. はじめに3. 使用4. 必要に応じてEChartsチャートとコンポーネン...