javascript - 亚马逊 aStore 的动态高度

Question

这里有一个类似的问题：Resize iframe height based on content height in it。但这与亚马逊 aStore 无关。

创建 Amazon aStore 时，您会得到如下代码：

< iframe src="http://astore.amazon.com/AMAZON_SOME_STORE_HERE-20" width="90%" height="4000" frameborder="0" scrolling="no">

问题是静态高度“4000”。我应该在代码中添加什么以使其动态调整到 aStore 的高度？

Answer 1

我不相信你能做到保留那个 <IFRAME>，因为要获得商店的高度，你需要在商店页面上运行一些 JavaScript。

问题是大多数浏览器不允许您在其他域上运行自己的 JS 代码，因为可能存在跨站点脚本攻击。

也许您可以尝试使用 AJAX 获取该页面并将内容插入页面上的 <DIV> 。通过这样做，请记住，如果用户单击商店内的任何链接，他们将浏览您的页面，而不是用户在 iframe 内单击的“正常”工作流程，它会重新加载并且您的页面位于周围安静。