www.uileader.com 前框框架解决方案
www.uileader.com 前框框架解决方案
web
前端
iframe
相互调用方法详解
框架采用的是嵌入 iframe 机制,不可避免的要用到各个 iframe 页面之间方法和
属性的相互调用。这里介绍的知识非常重要,不光是在 QUICK UI 框架中适用,
在其他有关 iframe 的场合都适用。
这里设定有 3 个页面,一个父页面 main.html,它嵌入了两个 iframe,分别是:
childPage1.html 和 childPage2.html
main.html 有一个函数叫 parentFunc()。main.html 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<script type="text/javascript"
function parentFunc(){
//代码段
}
</script>
<body>
<IFRAME scrolling="no" frameBorder=0 id=frmchild1
name=frmchild1 height="400"
src="childPage1.html" width="100%"
allowTransparency="true"></IFRAME>
<IFRAME scrolling="no" frameBorder=0 id=frmchild2
name=frmchild2 height="400"
src="childPage2.html" width="100%"
allowTransparency="true"></IFRAME>
</body>
</html>
子页 childPage1.html 中有函数 childFunc1()。代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<script type="text/javascript"
function childFunc1(){
评论0