我们有两个域,domain.com
并且sub.domain.com
在 domain.com 上
<html>
<head>
<title>Main</title>
</head>
<body>
<h1>This is the parent</h2>
<iframe src="http://sub.domain.com/results.aspx"
width="100%" height="1px" id="iframe1">
</iframe>
</body>
</html>
问题:我们如何将 iframe 高度从1px
它的实际高度调整(当 iframe 加载时)?当用户在 iframe 中播放时,它的高度可能会发生变化,所以我怀疑可能需要将它与某些事件挂钩。
现在我完全意识到在浏览器中阻止了跨脚本,甚至子域(或不同的端口号)也构成了“跨域”。但是,我们控制这两个域,所以我正在为此寻找一个好的解决方案。我们查看了window.postMessage,它似乎是专门为此设计的,但无法使其工作。