JavaScript フレームワーク プログラミング

JavaScript フレームワークの使用
ウィンドウ オブジェクトについて話したときに、フレーム内の Web ページもウィンドウ オブジェクトであると述べました。つまり、Frame オブジェクトもウィンドウ オブジェクトです。最もわかりやすい用語では、各 HTML ファイルは、フレームを定義する Web ページ (「フレーム Web ページ」) を含むウィンドウ オブジェクトを占めます。 IE では、「d5ba1642137c3f32f4f4493ae923989c」タグを使用してドキュメントに挿入されたフレームもウィンドウ オブジェクトですが、「Web ページを含める」メソッド (HTML では「05ce66176d52f25c028a693445d13374") HTML 読み取りは別のウィンドウ オブジェクトを占有しません。各フレームは、そのページを含むウィンドウ オブジェクトのサブオブジェクトです (「プロパティ」と呼ぶべきかどうかはわかりません)。これを参照するには、次のメソッドのいずれかを使用できます:

window.frames[x] 
window.frames['frameName'] 
window.frameName

ここで、x はウィンドウ オブジェクトで指定されたフレームを指します。他の配列と同様に、x もゼロから始まります。 FrameName はフレームの名前を指し、04a0d55efbbfd646a993fbc01f262c57 の「name」属性と同じです。

window.frameName を使用して指定されたウィンドウ オブジェクトがフレーム Web ページでもある場合、そのフレームを参照するメソッド: window.frameName.subFrameName。等々。

「ウィンドウ」オブジェクトがどこで参照されても、返されるのは「現在の」ウィンドウ オブジェクトであることに注意してください。他のウィンドウ オブジェクトにアクセスしたい場合は、parent 属性と top 属性を使用する必要があります。 parent は、現在のウィンドウ オブジェクトを含むフレーム Web ページである「親」ウィンドウ オブジェクトを指します。top は、ウィンドウの上部にあるウィンドウ オブジェクトを指します。

フレームワークを使用する場合は、JavaScript で定義されているグローバル変数とカスタム関数にも細心の注意を払う必要があります。これらはすべて、それらが属するウィンドウ オブジェクトに属します。他のフレームワークでグローバル変数やカスタム関数を参照するには、「Windowオブジェクト.Frameオブジェクト[.Frameオブジェクト...].グローバル変数またはカスタム関数」という面倒な方法を使わなければなりません。

上記の問題は、接続を確立するときに無視されることがよくあります。デフォルトのターゲット ウィンドウが 93f0f5c25f18dab9d176bd4f6de5d30e (4a48a61d5ed15a2d6bb68dc6f7d2f6b3) で定義されている場合、67303f97a3bd2c030967c14194630011加入购物车5db79b134e9f6b82c0b36e0489ee08ed
其中link表示导航框架，在link.html页面中定义了arrOrders数组来存储商品的id，函数addToOrders()用来响应商品旁边【购买】链接的单击事件，它接收的参数id表示商品的id，例子中是一个id为32068的商品：

<script language="JavaScript" type="text/javascript"> 
<!-- 
var arrOrders=new Array(); 
function addToOrders(id){ 
       arrOrders.push(id); 
} 
//--> 
</script>

这样，在结帐页面或是购物车浏览页面就可以用arrOrders来获取所有准备购买的商品。
框架可以使一个页面划分为功能独立的多个模块，每个模块之间彼此独立，但又可以通过window对象的引用来建立联系，是Web开发中的一个重要机制。在Ajax开发中，还可以利用隐藏框架实现各种技巧，在后面介绍Ajax实例编程时可以发现，无刷新上传文件以及解决Ajax的前进后退问题都会用到这种技术。