当前端主页面需要嵌套一个子页面,比如iframe页面,当在父页面执行子页面的操作时,用$('#元素id')就没有效果。这时就需要用到以下知识点,来实现父子页面的相互操作。
1.父页面获取子页面元素:
$("#iframe的ID").contents().find("#iframe子页面的ID").click();
其中,click可以换成任何想要执行的操作,比如隐藏.hide()。
2.父页面调用子页面方法:
$("#iframe的ID")[0].contentWindow.子页面中的js方法();
3.子页面获取父页面元素:
$("#父页面元素ID" , parent.document);
4.子页面操作父页面方法:
window.parent.父页面中js的方法();