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

推薦する

Linux コマンドラインで電卓を使用する 5 つのコマンド

みなさんこんにちは。私は梁旭です。 Linux を使用するときに、計算を行う必要がある場合があり、そ...

Nginx でバージョン番号を隠したり偽造したりする方法

1. デフォルトでアクセスするには、curl コマンドを使用します。 # curl -I http:...

MySQLデータベースを作成し、中国語の文字をサポートする方法

まずMySQLの公式ドキュメントを見てみましょう: 5.7 {データベース | スキーマ} を作成 ...

jQuery をベースにリスト ループ スクロールを実装するためのヒント (超簡単)

良いアイデアを見つけたので記録しました。私は以前、スクロール効果を実現するためにjQueryを使用し...

Linux アカウントのパスワードを変更する詳細な例

個人アカウントのパスワードを変更する一般ユーザーが個人アカウントのパスワードを変更する場合は、他のコ...

JavaScript での実行コンテキストと実行スタックの例の説明

JavaScript - 原則シリーズ日常の開発では、既存のプロジェクトを引き継ぐときは常に、まず他...

MySQLのデッドロックチェック処理の通常の方法

通常、デッドロックが発生すると、重みが最も小さい接続が強制終了され、ロールバックされます。ただし、最...

MySQL水平および垂直テーブル変換操作の実装方法

この記事では、例を使用して、MySQL の水平テーブルと垂直テーブル間の変換操作を実装する方法を説明...

MySQL でストアド プロシージャを作成し、ループでレコードを追加する方法

この記事では、例を使用して、MySQL でストアド プロシージャを作成し、ループでレコードを追加する...

SQL 実践演習: オンライン モール データベース ユーザー情報データ操作

オンラインショッピングモールデータベース - ユーザー情報データ運用プロジェクトの説明電子商取引の台...

プロジェクトにaxiosをカプセル化する実際のプロセス

目次序文axiosカプセル化の利点パッケージのアイデア設定の優先順位axiosインスタンス構成1. ...

Javascript ファイルと Blob の詳細な説明

目次ファイル()文法パラメータ例ブロブ()文法パラメータ財産方法例要約するファイル() File()...

MySQL の永続性とロールバックの原理を 1 つの記事で理解する

目次再実行ログディスクデータを直接更新するのではなく、最初にメモリデータを更新する必要があるのはなぜ...

sqlite3 から mysql に移行するときに起こりうる問題のコレクション

簡単な説明適切な読者: モバイル開発sqlite3 データを mysql に移行する場合、多くの構文...

HTML doctype の役割の紹介

ドキュメント モードには次の 2 つの機能があります。 1. HTML文書を解析するためにどのHTM...