框架中JS函数的交互调用
帧间相互引用表格中所有页面的框架设定的窗口对象,属性例如:window.frames表示集合的所有帧内页,和表单对象、连接对象、图像对象类似,不同的是,收集文档的属性。因此,指子框,你可以使用下面的语法:
复制代码代码如下所示:
窗口。帧{framename};
window.frames.framename
窗口。帧{索引}
其中,窗口也可以用自己替换或省略。假设framename是页面中的第一个框架,下列是等价的:
复制代码代码如下所示:
自我。帧{framename}
自帧{ 0 }
帧{ 0 }
framename
每个框架对应一个HTML页面,因此框架也是一个独立的浏览器窗口。它具有窗口的所有属性,和框架的参考是窗口对象的引用,该对象窗口,你可以很容易地操纵页面,例如,使用window.document对象写入数据到页面,并使用window.location属性改变在框架页。
下面是不同层次框架的参考:
提及1。父框架的副车架
了解上述原则,它是指从父帧帧很容易,那就是:
复制代码代码如下所示:
窗口。帧{framename};
这是一副车架在页面调用framename。如果你想把在子帧与帧,参考框架实际上是窗口对象的性质,可以这样实现:
复制代码代码如下所示:
窗口。帧{framename},{帧framename2};
这是指两级子框架,等等,你可以实现对多层框架的引用。
2个参考文献。子对父框架
每一个窗口对象的父属性表示它的父框架。如果框架已是一个顶级的框架,框架本身也代表window.parent。
3者之间的参照。兄弟的框架
如果两个框架是框架的子框架,它们被称为兄弟框架,可以通过父框架相互引用。例如,一个页面包含2个子帧。
复制代码代码如下所示:
在frame1,你可以使用下面的语句是指边框:
复制代码代码如下所示:
自我。母。帧{边框};
4。不同层次框架之间的相互引用
框架的层次结构是针对顶层框架的,当层次结构不同时,只要知道了另一个框架的级别和名称,就可以使用框架引用的窗口对象属性来方便地访问彼此:
复制代码代码如下所示:
自我。母。帧{childname},{帧targetframename};
5。参考顶层框架
与父属性类似,窗口对象具有一个顶级属性,它表示对顶级框架的引用,它可以用来确定框架本身是否是顶层框架,例如:
复制代码代码如下所示:
这是顶层框架/判断框架。
如果(自我=顶部){
/ /做
}
更改框架的加载页面
参考框架是对窗口对象的引用,使用窗口对象的位置属性来更改框架的导航,例如:
窗口。框架{ 0 }。位置=1;
这种重定向的页面中的第一个框架1.html页面,利用这一性质,甚至一个链接可以用来更新多个框架。
复制代码代码如下所示:
链接
在其他框架中引用Javascript变量和函数
在介绍其他框架中Javascript变量和函数的技术之前,请看下面的代码:
复制代码代码如下所示:
<!——
函数hello(){
警报(),ajax!;
}
Window.hello();
如果运行此代码,请单击ajax窗口!是hello()函数执行的结果。为什么hello()是成为窗口对象的一种方式因为在页面中定义的所有全局函数和全局函数都是窗口对象的成员:
复制代码代码如下所示:
var a=1;
警报(窗口);
弹出对话框显示为1,同样的原则是,窗口对象调用不同框架之间的变量和函数的共享。
例如,商品浏览页面由两个子帧组成,左边表示商品分类的链接;当用户单击类别链接时,右边显示相应的商品列表,用户可以单击商品旁边的购买链接将商品添加到购物车中。
在这个例子中,你可以存储用户想使用左侧导航页面购买商品,因为在导航用户点击的链接,改变为另外一个页面,即商品展示页面和导航页面本身是不变的,所以Javascript变量不丢失,可以用来存储数据的。以下原则如下:
假设左边是link.html和正确的页面是show.html,和页面结构如下:
复制代码代码如下所示:
新的文件
你可以添加一个语句旁边显示show.html货物:
加入购物车
链接说导航框架,货物arrorders阵列ID存储在link.html页面定义,addtoorders()函数响应{链接}购买商品旁边的单击事件,它所接收的参数ID表示的商品,例如是一个ID为32068的商品:
复制代码代码如下所示:
<!——
无功arrorders =新的数组();
功能addtoorders(ID){
ArrOrders.push(ID);
}
在这种方式中,你可以使用arrorders拿到所有的物品,准备在结帐页面、购物车页面浏览购买。
框架可以将页面划分为功能独立的模块。每个模块彼此独立,但也可以通过引用窗口对象链接。它是web开发中的一个重要机制。