js,JQ-iframe⽗级与⼦级调⽤⽅法
javaScript:
⽗级调⽤⼦级⽅法必须在iframe加载后调⽤,所以需要加window.frames['iframe_name'].onload=function(){}或者$('#parent_id').contents().ready(function(){})⽗级获得⼦级元素:
window.frames['iframe_name'].ElementById('⼦页⾯元素id')
//或
⽗级调⽤⼦级⽅法:
window.frames['iframe_name'].childMethod();
//或
js调用方法的三种写法
⽗级调⽤⼦级元素⽅法:
window.frames['iframe_name'].ElementById('⼦页⾯元素id').onclick();
//或
⼦级获得⽗级元素:
Element('⽗页⾯元素id')
⼦级调⽤⽗级⽅法:
parent.parentMethod();
⼦级调⽤⽗级元素⽅法:
ElementById('⽗页⾯元素id').onclick()
jQuery
⽗级获得⼦级元素:
$('#obj_id',window.frames['iframe_name']).prevObject[0].ElementById('iframeChild_id')
//或
$('#obj_id').contents().find('#iframeChild_id')
⽗级调⽤⼦级⽅法:
$('#obj_id',window.frames['iframe_name']).prevObject[0].childMethod();
//或
$('#obj_id').contents().prevObject[0].contentWindow.childMethod()
⽗级调⽤⼦级元素⽅法:
$('#obj_id',window.frames['iframe_name']).prevObject[0].ElementById('iframeChild_id').click()
//或
$('#obj_id').contents().find('#iframeChild_id').click()
⼦级获得⽗级元素:
$('#obj_id',ElementById('⽗级元素id')).prevObject
⼦级调⽤⽗级⽅法:
$('#obj_id',parent).prevObject[0].parentMethod()
⼦级调⽤⽗级元素⽅法:
$('#obj_id',ElementById('⽗级元素id')).prevObject.click()
⼦级元素不建议修改⽗级元素的状态(颜⾊,加载顺序,更换图⽚等),这会导致加载出现⼀闪⼀闪的效果,让⼈觉得不顺畅

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。