我有一个iframe，它带有一个带有表单的php页面，用户提交该表单并获取另一个php页面的内容（托管在另一个域上）。原始页面内容需要大约300像素的iframe高度，但生成的内容页面要求iframe的高度约为2300像素。
有没有办法在页面首次加载时将iframe高度设置为300px，但在用户提交表单并获取第二页内容后更改为2300px？我已经尝试了几种不同的解决方案，但是没有一种方法可以使用。
如果有帮助的话，我也可以访问通过iframe引入的页面。
这是我的iframe代码：
<iframe id="iframe" src="http://example.com" style="height:300px;" width="100%"></iframe>
在http://example.com我试过这个剧本：
<script type="text/javascript">
$(document).ready(function(){
$("#submit").on('submit',function(){
$('#iframe', window.parent.document).css({height:'2300px'});
});
});
</script>