javascript - 单击 a 元素时重新加载 iframe src

Question

当用户点击它时，是否可以用元素 href 属性替换 iframe src？

我有这个代码

http://jsfiddle.net/6Hv9P/1/

我试图让用户使用duckduckgo进行搜索，当点击结果时，它应该用href值替换iframe src。

Answer 1

确实可能。以下是此类链接的示例：

<a href="http://jsfiddle.net" onclick="document.getElementById('siframe').src=this.href; return false;">click me</a>

单击链接时，这将替换 iframe 源。

更新了小提琴。

为了更加灵活，您可以使用这样的代码，尽管这将使所有锚点的行为方式相同：

window.onload = function() {
    var oFrame = document.getElementById('siframe');
    var anchors = document.getElementsByTagName("a");
    for (var i = 0; i < anchors.length; i++) {
        var anchor = anchors[i];
        var curHref = anchor.href;
        if (curHref && curHref.length > 0) {
            anchor.onclick = function() {
                oFrame.src = curHref;
                return false;
            }
        }
    }
};

Answer 2

如果我理解正确，我认为您要做的是检测页面何时在 中更改，并从that 的属性中iframe获取新页面的 URL 。srciframe

不幸的是，我认为您不走运，因为页面更改时浏览器不会更新src属性。除非页面中的页面iframe与父页面来自同一个域，否则浏览器安全性将阻止您document.location.href从新页面中发现该页面。