複雑なJavaScriptウィンドウフレーム解析_JavaScriptスキル

窓枠とは何ですか?

ウィンドウ フレーム化とは、ブラウザのドキュメント ウィンドウを複数のウィンドウに分割することであり、各ウィンドウには独立した Web ページ ファイルを表示でき、各フレーム (つまりページ) には独自の URL があります。

フレームウィンドウを作成するにはどうすればよいですか?

フレームは通常、f900b4fc197b16ab214eecf015bb6bd2 タグと 04a0d55efbbfd646a993fbc01f262c57 を使用して作成されます。ただし、HTML 4 では、d5ba1642137c3f32f4f4493ae923989c タグを使用してドキュメント内に「インライン フレーム」を作成することもできます。 JavaScript に関する限り、d5ba1642137c3f32f4f4493ae923989c は f900b4fc197b16ab214eecf015bb6bd2 と同じフレームを作成します。

HTML では、f900b4fc197b16ab214eecf015bb6bd2 (split window タグ) を使用してウィンドウを分割します。ページ内 f900b4fc197b16ab214eecf015bb6bd2...eb5f059992a0ae0ef16884cb75644e40 を使用して、ページの主要部分の開始位置と終了位置をマークします。さらに、f900b4fc197b16ab214eecf015bb6bd2 タグは、ウィンドウの分割方法、および各ウィンドウの位置とサイズを決定します。その基本的な文法構造は次のとおりです:

<frameset cols=n rows=n frameborder=yes|no border=n bordercolor=#n framespacing=n></frameset>

cols と rows: ページの分割方法を決定する 2 つのパラメーターです。 Cols を使用して左右のウィンドウを分割し、各フレームの左右の幅をウィンドウ幅のパーセンテージで表します。例：cols="30%,40%,*" は、横方向に 3 つのウィンドウに分割され、それぞれの幅の合計に対する割合が 30%、40%、30% であることを意味します。このうち、「＊」は残りの部分を表しており、「＊」に対応する小ウィンドウの幅が残りの幅となる。行を使用して上下のウィンドウを分割し、パーセント設定方法も使用します。

frameborder: は、各サブウィンドウに境界線を追加するかどうか (ye) を指定します (no)。フレームを追加する場合は、border パラメーターを使用して境界線の幅を指定し、bordercolor を使用して指定します。境界線の色。

framespacing: はサブウィンドウ間の間隔を設定するために使用されます。デフォルト値は 0 です。

f900b4fc197b16ab214eecf015bb6bd2 タグを使用してウィンドウを分割した後、HTML の 04a0d55efbbfd646a993fbc01f262c57 タグを使用してウィンドウの属性を定義する必要があります。各サブウィンドウ。その構文は次のとおりです:

<frame align=left|center|right|top|bottomv name=framename src＝url noresize scrolling＝yes|on|auto frameborder=yes|no bordercolor＝＃n marginheight=n marginwidth＝n></frame>

align: サブウィンドウの位置を左(left)、右(right)、中央(center)、上(top)、または下(bottom)に設定します。

name: はサブウィンドウの名前を指定するために使用され、srcはサブウィンドウに対応するHTMLページのアドレスを指定するために使用されます。

noresize: はユーザー用です。 タグにこのパラメーターが含まれている場合、ユーザーはマウスを使用して各ウィンドウのサイズを調整または変更できません。

スクロール: サブウィンドウにスクロールバーが必要かどうかを設定します。スクロール = no の場合、スクロール バーは必要ありません。スクロール = はいの場合、スクロール バーは必要です。scroll = auto の場合、スクロール バーは実際の状況に応じて自動的に設定されます。

frameborder と bordercolor: はサブウィンドウの境界線と境界線の色を設定するために使用されます。ただし、オブジェクトは 04a0d55efbbfd646a993fbc01f262c57 でマークされたサブウィンドウに限定されます。

marginheight と marginwidth: は、それぞれサブウィンドウの上端と下端、左端と右端の幅を設定するために使用されます。

例:

<frameset cols="50%,*,25%">
 <frame src="http://www.baidu.com" noresize="noresize" />
 <frame src="http://www.baidu.com" />
 <frame src="http://www.baidu.com" />
</frameset>

JavaScript におけるフレーム ウィンドウ間の関係は何ですか?
ウィンドウのフレームは、top、frames、および parent 属性を通じて他のフレームを参照できます。

ウィンドウまたはフレーム内の JavaScript コードは、独自のウィンドウまたはフレームを window または self として参照できます。

各ウィンドウにはフレーム属性があります。このプロパティは、Window オブジェクトの配列を参照します。各要素は、このウィンドウに含まれるフレームを表します (ウィンドウにフレームがない場合、frames[] 配列は空で、frames.length は 0 になります)。ウィンドウ フレーム [0] を使用して最初のフレームを参照し、フレーム [1] を使用して 2 番目のフレームを参照することができます。

各ウィンドウには、このウィンドウを含む Window オブジェクトを参照するparent属性も含まれています。このようにして、ウィンドウ内の最初のフレームはその兄弟フレームを参照できます。つまり、

　parent.frames[1]

ウィンドウがフレームではなくトップレベルのウィンドウである場合、parent 属性はウィンドウ自体を参照します。

parent==self;

フレームがトップレベル ウィンドウ内に含まれる別のフレーム内に含まれる場合、フレームはparent.parentを使用してトップレベル ウィンドウを参照できます。

注:
フレームは body タグおよびコンテンツと共存できません

フレーミングは検索エンジンの最適化に役立ちません。通常のフロントエンド ページでフレーミングを使用することはお勧めできません。

以上がこの記事の全内容です。JavaScript プログラミングを学習する皆さんのお役に立てれば幸いです。