电脑故障

位置:IT落伍者 >> 电脑故障 >> 浏览文章

iframe子父页面调用


发布日期:2018/9/28
 

iframe子页面调用 父页面js函数

子页面调用父页面函数只需要写上windowpraent就可以了比如调用a()函数就写成

windowparenta();

子页面取父页面中的标签中的值比如该标签的id为“test”

windowparentdocumentgetElementById("test")value;

jQuery方法为

$(windowparentdocument)contents()find("test")val();

但是我在chrome浏览器下却发现此方法无效了!查了半天才了解在chrome +中windowparent无法在file://协议中运行但是发布了之后http://协议下是可以运行的此方法支持iefirefox浏览器

iframe父页面调用 子页面js函数

这个就稍微复杂一些下面的方法支持ie和firefox浏览器

documentgetElementById(ifrtest)contentWindowb();

子页面取父页面中的标签中的值比如该标签的id为“test”

documentgetElementById("test")value;

ifrtest是iframe框架的idb()为子页面js函数contentWindow属性是指定的frame或者iframe所在的window对象IE下可以省略

上一篇:A标签触发onclick事件而不跳转的多种解决方法

下一篇:在表单提交前进行验证的几种方式整理