javascript - 从另一个页面加载和更改 iFrame 'src'

Question

我有一个带有 iFrame 的页面和四个指向 native 文件的链接，每个文件在调用时都正确显示在 iFrame 中。我已经用纯 HTML 完成了这个。问题是，当我最初登陆页面时，我只有一个空的 iFrame，直到我单击任何链接。

不仅在到达时用第一个链接填充 iFrame 会很好，而且如果有一种方法可以到达此页面并显示任何其他剩余链接，那将是一个真正的好处，如果事实上这就是有人要找的内容。例如，如果我在另一个页面上为我的四个链接放置 anchor ，那么如果有人可以选择第二个元素并在到达 my-iFrame-page.php 时发现它填充 iFrame，那将是理想的。

我不反对使用 jQuery 或任何类型的 javascripting，但恐怕对于脚本新手来说，理解语法很重要。如果有人可以发布一个实现我所追求的目标的工作示例，我会欣喜若狂。

Answer 1

您可以为将设置默认页面的 iframe 设置 src="" 属性。

For example, if I place anchors for my four links on another page, it would be ideal if someone could select the second item and find it populating the iFrame upon arrival at my-iFrame-page.php.

不用说，如果您有一个链接到包含 iframe 的页面的前一个页面，您可以将在请求中作为参数选择的 url 传递给 iframe 页面，然后用 PHP 将其解析为属性。

---

为简单起见，假设您有两个页面:sourcepage.php 和 framepage.php。 sourcepage.php 包含一个带有四个单选按钮的表单以及一个提交到 framepage.php 的提交按钮。单选按钮都是同一组的一部分，有四个值——根据您的评论“苹果”、“香蕉”、“樱桃”和“桃子”。 Apples radio 的值为 1，Bananas 为 2，依此类推。每个 radio 都有名称“页面”。

这意味着当您提交表单时，在 sourcepage.php 上您需要以下代码

<?php
    $pageIndex = $_GET["page"];
    $pageUrl = "";

    switch ($pageIndex)
    {
        case "1":
            $pageUrl = "apples.html";
            break;
        case "2":
            $pageUrl = "bananas.html";
            break;
        // And so on...
    }
?>

<!-- And then later... -->

<iframe src="<?php echo $pageUrl; ?>"></iframe>