Javascript IFrame内部IFrame

我正在开发一个零售商店网站，并使用带有JavaScript的html页面。我想用iFrames。主页（第1页）由横幅、顶部的菜单和下方的iFrame组成。为了清楚起见，我将此称为iFrame1。在iFrame1中，我有一个包含另一个iFrame的html页面（第2页）。我称之为iFrame2。 第1页有一个顶层菜单，详细说明了部门，例如窗帘、靠垫、衣服等。选择其中一个项目将打开另一个页面（第2页），其中第二级菜单基于第一个菜单中的选择以及从数据库中提取的相关子标题和图像的列表视图。从第2页的菜单中进行选择将更改Select SQL语句中的“Where~子句，并显示不同的项目，例如窗帘类型、座垫颜色、可用尺寸等。

---

我正在寻找的是一种根据第2页列表视图中显示的项目数自动调整两个iframe大小的方法。

我并不完全熟悉iframe（除了所有告诉我不要使用它们的人）。因此，我是否可以建议使用ajax而不是div？（如果我的建议有误，请纠正我）您可以定义一个滚动条来显示，而不是尝试自动调整iframe的大小。不过，您所描述的内容听起来很混乱，iframes不使用iframes有很多原因(http://blondish.net/iframes-why-not-to-use-them/)。是否尝试divs，并动态包含内容