手记

关于框架的一点干货、、、

最近日子过得很是颓废,稀里糊涂的把easyUI看了个大概也没能写下一个字的笔记,简直是失败。
今天遇到一个问题,就是怎么在子页面框架中使用父页面的函数?在网上找了找,得出下面一点干货。写出来方便自己以后回查,当然如果能帮到一些有需要的慕友们就更好了。话不多说,下面上干货。
要想在自如的处理各页面框架之间互相访问、函数的互相调用的操作,首先需要了解以下两点:1、一个页面中所有框架是以集合的形式作为window对象的属性。例如:window.frames就表示该页面内所有框架的集合。2、在一个页面内定义的所有全局变量和全局函数都是作为window对象的成员。所以在不同框架之间共享变量和函数,就是要通过window对象来调用。理解了上面两点,下面的例子都可以不用看了。
1、父框架引用子框架

window.frames["frameName"];

2、子框架引用父框架
使用window对象的parent属性,如果该框架已经是顶层框架,则window.parent表示该框架本身。
和parent属性类似,window对象还有一个top属性,window.top指代顶层框架。
3、兄弟框架的引用

self.parent.frames["frame2"];

即先找到共同的父框架然后找到兄弟框架。任意层次框架之间的引用也是同样的道理,这里就不举例了。
4、改变框架的载入页面以及对其他框架内的函数和变量进行引用
改变框架的载入页面就是利用window对象的location属性:

window.frames[0].location="1.html";

而对其他框架的引用则是利用页面内的所有全局变量和全局函数都是作为window对象的成员。所以可以先找到所要引用的框架,然后通过调用该框架的window对象进行处理。例子太长我这里就不贴了。
上面的内容基本是参考js函数在frame中的相互调用详解,大家也可移步自己去看。
以上,谢谢大家阅览!

6人推荐
随时随地看视频
慕课网APP

热门评论

那我给你点个赞吧,还没学到这里不是很懂

自己的沙发自己坐、、、

查看全部评论