Javascriptの疑問解決_JavaScriptスキル

1. HTML フレームセットの適用
フレーム プログラミングの概要 HTML ページには 1 つ以上のサブフレームを含めることができ、これらのサブフレームは、独立した HTML ページを表示するために使用されます。ここで説明するフレームワークプログラミングには、あるフレームワークから別のフレームワークのJavaScript変数を参照したり、他のフレームワークの関数を呼び出したり、別のフレームワークのフォームの動作を制御したりするなど、フレームワークの自己制御やフレームワーク間の相互アクセスが含まれます。
フレーム間の相互参照: ページ内のすべてのフレームは、コレクションの形式でウィンドウ オブジェクトの属性として提供されます。例: window.frames は、ページ内のすべてのフレームのコレクションを表し、フォームと同じです。オブジェクト、リンク オブジェクト、ピクチャ オブジェクトは似ていますが、異なる点は、これらのコレクションがドキュメントのプロパティであることです。したがって、サブフレームを参照するには、次の構文を使用できます:

コードをコピーします コードは次のとおりです:

window.frames["frameName"];
window.frames.frameName;

このうち、window は次のようになります。また、frameName がページ内の最初のフレームであると仮定すると、次の記述は同等です:
self.frames["frameName"]==self.frames[0]==frames[0]
各フレームはすべて HTML ページに対応しているため、このフレームは独立したブラウザ ウィンドウでもあり、フレームへのいわゆる参照はウィンドウ オブジェクトへの参照でもあります。この window オブジェクトを使用すると、window.document オブジェクトを使用してページにデータを書き込んだり、window.location プロパティを使用してフレーム内のページを変更したりするなど、その中のページを簡単に操作できます。以下は、異なるレベルのフレーム間の相互参照を紹介します。
1) 親フレームから子フレームへの参照
上記の原則を理解すると、親フレーム、つまりウィンドウから子フレームを参照することが非常に簡単になります。フレーム["フレーム名 "]; これは、ページ内のフレーム名という名前のサブフレームを参照します。サブフレーム内のサブフレームを参照したい場合は、参照されるフレーム (実際にはウィンドウ オブジェクト) の性質に従って、次のように実装できます。 window.frames["frameName"].frames["frameName2"];このようにして、第 2 レベルのサブフレームが参照され、同様に、多層フレームワークへの参照が実現されます。
2) 子フレームから親フレームへの参照
各ウィンドウオブジェクトには親フレームを表すparent属性があります。フレームがすでにトップレベルのフレームである場合、window.parent はフレーム自体も表します。
3) 兄弟フレーム間の参照
2 つのフレームが同じフレームのサブフレームである場合、それらは兄弟フレームと呼ばれ、親フレームを通じて相互に参照できます。たとえば、ページには 2 つのサブフレームが含まれます。

コードをコピー コードは次のとおりです:

frame1 では、次のステートメントを使用して Frame2 を参照できます:
self.parent.frames["frame2"];
4) フレーム間の相互参照さまざまなレベルで
フレーム このレベルはトップレベルのフレームワーク用です。レベルが異なる場合、自分がいるレベルと、他のフレームのレベルと名前がわかっていれば、フレームによって参照されるウィンドウ オブジェクトのプロパティ (例: self) を使用して、相互に簡単にアクセスできます。 parent.frames["childName"].frames["targetFrameName"];
5) 最上位フレーム
への参照は、parent 属性と同様です。これはトップレベルのフレームへの参照を表し、フレーム自体がトップレベルのフレームであるかどうかを判断するために使用できます。たとえば、
//このフレームがトップレベルのフレームであるかどうかを判断します
if (self==top){//dosomething }
フレームの読み込みページを変更する: フレームへの参照は、window オブジェクトの location 属性を使用して、ウィンドウのナビゲーションを変更できます。フレーム、例:
window.frames[0].location="1 .html"; これにより、ページ内の最初のフレームのページが 1.html にリダイレクトされます。 1 つのリンクを使用して複数のフレームを更新します:

コードをコピー コードは次のとおりです:

< ;frameset rows="50%,50%">






他のフレームワークでの JavaScript 変数と関数の参照: 他のフレームワークで JavaScript 変数と関数を参照する手法を紹介する前に、次のコードを見てみましょう:

コードをコピーします コードは次のとおりです:

このようにして、最後にアカウント ページまたはショッピング カートの閲覧ページで arrOrders を使用して、準備ができたすべての商品を取得できます。購入する。フレームワークは、ページを独立した機能を持つ複数のモジュールに分割することができ、各モジュールは互いに独立していますが、ウィンドウ オブジェクトの参照を通じて接続することができます。これは Web 開発において重要なメカニズムです。 Ajax 開発では、隠しフレームを使用してさまざまな手法を実装することもできます。このテクノロジは、Ajax アップロード ファイルを更新せずに実装し、Ajax の前方および後方の問題を解決するために使用されます。
2. フレームと iframe のサイズを動的に変更するにはどうすればよいですか?
フレーム サイズの変更:

コードをコピー

コードは次のとおりです: // Index.html

"FrontPage.Editor.Document">