当前端主页面需要嵌套一个子页面,比如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的方法();

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐