当前位置:网站首页 > R语言数据分析 > 正文

iframe实现高度自适应

$('.content').append('<iframe src="https://www.baidu.com" frameborder="0" scrolling="no" id="external-frame"></iframe>') var iframe = document.getElementById("external-frame"); iframe.onload=function(e){ if (iframe) { var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow; if (iframeWin.document.body) { iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight; } } };

iframe跨域报错 

跨域解决方案:

跨域问题解决方法

iframe跨域问题:Uncaught DOMException: Blocked a frame with origin解决方法

window.postMessage

参考网址:

iframe高度自适应的6个方法

如何为iframe绑定onload事件

iframe 动态onload事件处理方式

iframe加载onload之坑 

自我解读:对于append进去的iframe 传统的onload事件加载执行会出现问题==》报错

到此这篇iframe实现高度自适应的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • Echarts相关属性2024-11-28 15:45:08
  • 移动端transform: translate(-50%, 0)的兼容写法2024-11-28 15:45:08
  • 控制台报错:Browserslist: caniuse-lite is outdated. Please run next command `yarn upgrade`2024-11-28 15:45:08
  • nrm的安装与配置及问题修复2024-11-28 15:45:08
  • http抓包实践--(一)--fiddler和http(s)2024-11-28 15:45:08
  • echarts隐藏坐标轴,以及控制柱状图颜色2024-11-28 15:45:08
  • ElementUI checkbox组件中的indeterminate 状态2024-11-28 15:45:08
  • Cesium基于czml billboard的模型转向2024-11-28 15:45:08
  • ElementUI 之 Cascader 级联选择器回显2024-11-28 15:45:08
  • InputNumber 计数器 连续点击一定时间内只允许执行一次2024-11-28 15:45:08
  • 全屏图片