1. iframe自适应高度
<iframe id="iframe" src="#" frameborder="0" scrolling="no" width="100%" height="100%" name="iframe"></iframe>
2. 父子iframe交互
1 子页面控制高度
parent.document.all.iframe.height = document.body.scrollHeight; //chrome
$('#iframe', window.parent.document).height($(document).height()); //jquery兼容
2 父页面访问子页面
$("#iframe").contents().find("body")
3 子页面访问父页面
$('#iframe', window.parent.document)
window.parent.window //访问的是父页面的window
4 加载页面
$(window.parent.document).find("#iframe").load(function(){
//
}
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步