为了账号安全,请及时绑定邮箱和手机立即绑定

react 里面嵌套iframe高度自适应问题

react 里面嵌套iframe高度自适应问题

温温酱 2019-03-20 18:19:15
请教个问题,react里面引入iframe我需要等iframe里面的html页面全部加载完再去获取这个html的高度,期望的是在子iframe里面获取高度后调用父react里面的方法,该怎么写目前是这么写的但加载出来的iframe高度不正确,怀疑是onload拿到的是子iframe未渲染完的高度所以想在子iframe里面获取高度后调父react页面的方法来setState子iframe的高度        <iframe           id="aa"          style={{width:'100%'}}          onLoad={() => {              const obj = ReactDOM.findDOMNode(this.refs.iframe);              console.log(obj,obj.contentDocument.body,obj.contentDocument.body.scrollWidth, obj.contentDocument.body.scrollHeight)              this.setState({                  "iFrameHeight":  obj.contentDocument.body.scrollHeight + 'px'              });          }}           ref="iframe"           src="ink/ink.html"           width="100%"           height={this.state.iFrameHeight}           scrolling="no"           frameBorder="0"        >        </iframe>请大神们不吝赐教
查看完整描述

1 回答

  • 1 回答
  • 0 关注
  • 1483 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号