Javascript 检查页面 url，然后加载相应的 iframe？

Question

我能得到一些关于我遇到的问题的指示吗？

精简版

有谁知道我是否可以使用 javascript 根据父页面的名称加载特定的 iframe:

如果页面名称 = "http://www.example.com/products/pens "，iframe 内容 = pens.htm

如果页面名称 = "http://www.example.com/products/electronics "，iframe 内容 = electronics.htm

更多信息

我需要改进电子商务商店的导航，它是一个现成的设置，您只能使用 css 和一些 javascript 或插入 HTML block 来标记和重新设计商店的样式。大约有 14 个父类别，每个类别中有大约 10 个子类别。

我想在类别页面模板中添加一个自动高度的 iframe html block ，并用它来显示子类别和图像的列表。

是否有一些 javascript 可以用来检测类别页面名称，然后加载相应的 iframe？

我想使用一个 HTML block ，并根据父页面名称加载十个 iframe。

非常感谢任何帮助

戴夫

Answer 1

您可以将您的 iframe 指向初始“选择器”页面...然后在其中检查父级的位置，然后进行重定向。

例如:

这将在类别页面中。

<iframe src="Picker.htm"></iframe>

这将是“Picker.htm”的内容

<script type="text/javascript">

switch (parent.location.href.toLowerCase())
{
    case "http://www.example.com/products/pens":
        location.href = "pens.htm";
        break;

    case "http://www.example.com/products/electronics":
        location.href = "electronics.htm";
        break;
}

</script>