窓枠とは何ですか? ウィンドウ フレーム化とは、ブラウザのドキュメント ウィンドウを複数のウィンドウに分割することであり、各ウィンドウには独立した Web ページ ファイルを表示でき、各フレーム (つまりページ) には独自の URL があります。 フレームウィンドウを作成するにはどうすればよいですか? フレームは通常、 タグと を使用して作成されます。ただし、HTML 4 では、 タグを使用してドキュメント内に「インライン フレーム」を作成することもできます。 JavaScript に関する限り、<iframe> は <frameset> と同じフレームを作成します。 </p> <p> HTML では、<frameset> (split window タグ) を使用してウィンドウを分割します。ページ内 <frameset>...</frameset> を使用して、ページの主要部分の開始位置と終了位置をマークします。さらに、<frameset> タグは、ウィンドウの分割方法、および各ウィンドウの位置とサイズを決定します。その基本的な文法構造は次のとおりです: </p> <div class="jb51code"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;"> <frameset cols=n rows=n frameborder=yes|no border=n bordercolor=#n framespacing=n></frameset> </pre><div class="contentsignin">ログイン後にコピー</div></div> </div> <p>cols と rows: ページの分割方法を決定する 2 つのパラメーターです。 Cols を使用して左右のウィンドウを分割し、各フレームの左右の幅をウィンドウ幅のパーセンテージで表します。例：cols="30%,40%,*" は、横方向に 3 つのウィンドウに分割され、それぞれの幅の合計に対する割合が 30%、40%、30% であることを意味します。このうち、「＊」は残りの部分を表しており、「＊」に対応する小ウィンドウの幅が残りの幅となる。行を使用して上下のウィンドウを分割し、パーセント設定方法も使用します。 </p> <p> <strong>frameborder: </strong> は、各サブウィンドウに境界線を追加するかどうか (ye) を指定します (no)。フレームを追加する場合は、border パラメーターを使用して境界線の幅を指定し、bordercolor を使用して指定します。境界線の色。 </p> <p> <strong>framespacing: </strong> はサブウィンドウ間の間隔を設定するために使用されます。デフォルト値は 0 です。 </p> <p> <frameset> タグを使用してウィンドウを分割した後、HTML の <frame> タグを使用してウィンドウの属性を定義する必要があります。各サブウィンドウ。その構文は次のとおりです: </p> <div class="jb51code"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;"> <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> </pre><div class="contentsignin">ログイン後にコピー</div></div> </div> <p> <strong>align: </strong> サブウィンドウの位置を左(left)、右(right)、中央(center)、上(top)、または下(bottom)に設定します。 </p> <p> <strong>name: </strong>はサブウィンドウの名前を指定するために使用され、srcはサブウィンドウに対応するHTMLページのアドレスを指定するために使用されます。 </p> <p> <strong>noresize: </strong> はユーザー用です。<frame> タグにこのパラメーターが含まれている場合、ユーザーはマウスを使用して各ウィンドウのサイズを調整または変更できません。 </p> <p> <strong>スクロール: </strong>サブウィンドウにスクロールバーが必要かどうかを設定します。スクロール = no の場合、スクロール バーは必要ありません。スクロール = はいの場合、スクロール バーは必要です。scroll = auto の場合、スクロール バーは実際の状況に応じて自動的に設定されます。 </p> <p> <strong>frameborder と bordercolor: </strong> はサブウィンドウの境界線と境界線の色を設定するために使用されます。ただし、オブジェクトは <frame> でマークされたサブウィンドウに限定されます。 </p> <p> <strong>marginheight と marginwidth: </strong> は、それぞれサブウィンドウの上端と下端、左端と右端の幅を設定するために使用されます。 </p> <p> 例: </p> <div class="jb51code"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;"> <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></pre><div class="contentsignin">ログイン後にコピー</div></div> </div> <p><strong>JavaScript におけるフレーム ウィンドウ間の関係は何ですか? <br /> </strong> ウィンドウのフレームは、<span style="color: #800000"><strong>top、frames</strong><span style="color: #000000">、および </span><strong>parent</strong></span> 属性を通じて他のフレームを参照できます。 </p> <p> ウィンドウまたはフレーム内の JavaScript コードは、独自のウィンドウまたはフレームを window または self として参照できます。 </p> <p>各ウィンドウにはフレーム属性があります。このプロパティは、Window オブジェクトの配列を参照します。各要素は、このウィンドウに含まれるフレームを表します (ウィンドウにフレームがない場合、frames[] 配列は空で、frames.length は 0 になります)。ウィンドウ フレーム [0] を使用して最初のフレームを参照し、フレーム [1] を使用して 2 番目のフレームを参照することができます。 </p> <p>各ウィンドウには、このウィンドウを含む Window オブジェクトを参照するparent属性も含まれています。このようにして、ウィンドウ内の最初のフレームはその兄弟フレームを参照できます。つまり、</p> <div class="jb51code"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;"> parent.frames[1]</pre><div class="contentsignin">ログイン後にコピー</div></div> </div> <p>ウィンドウがフレームではなくトップレベルのウィンドウである場合、parent 属性はウィンドウ自体を参照します。</p> <div class="jb51code"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;"> parent==self;</pre><div class="contentsignin">ログイン後にコピー</div></div> </div> <p>フレームがトップレベル ウィンドウ内に含まれる別のフレーム内に含まれる場合、フレームはparent.parentを使用してトップレベル ウィンドウを参照できます。 </p> <p><span style="color: #800000"><strong>注: <br> </strong></span>フレームは body タグおよびコンテンツと共存できません </p> <p> フレーミングは検索エンジンの最適化に役立ちません。通常のフロントエンド ページでフレーミングを使用することはお勧めできません。 </p> <p>以上がこの記事の全内容です。JavaScript プログラミングを学習する皆さんのお役に立てれば幸いです。 </p>
