如何设置 iframe url 以在 iframe 内重定向而不是重定向到父页面

Question

我有一个 WordPress 页面 https://www.sitename.com/manual。在这个页面中，我有一个嵌入的 HTML 页面。

<iframe src="https://www.sitename/othermanual/aplication.htm"></iframe>

我要做的是从src 中的<iframe> 中获取aplication.htm，并将其作为 https://www.sitename.com/manual 有这样的东西：

https://www.sitename.com/manual?page=aplication.htm

总之，我正在尝试解析 url 的 aplication.htm 部分并在主 url 中使用它。我已经读到锚点可能是可能的，还有其他方法，例如使用 JavaScript 或 AngularJS 吗？

Answer 1

你需要做两件事。

1. 在 iframe 上放置 name="foo" 属性。

2. 将target="foo" 属性放在锚点上。然后，当您单击该链接时，它将针对 iframe 而不是整个页面。

编辑：我没有正确理解该帖子，因此这是我的更新解决方案。

$(document).ready(function ()
{
    SetIframe();
});

这个函数会将所有个查询字符串解析为键值对。如果您有任何简单的变量（变量但不是值），那么您需要调整它，但这应该适用于您正在做的事情。获得变量值后，只需将其加载到 src 属性中，iframe 就会加载。我在 iframe 上放了一个 id，以便更容易定位。

function SetIframe()
{
    var query = window.location.search.substring(1);
    if (query.indexOf('page=') == -1)
        return;

    var vars = query.split('&');
    var kvp = [];
    for (var i = 0; i < vars.length; i++)
    {
        var pair = vars[i].split('=');            
        if(pair.length == 2)
            kvp[pair[0]] = pair[1];            
    }
    console.log(kvp);

    if (typeof kvp['page'] != 'undefined')
        $('#myFrame').attr('src', kvp['page']);

}