單擊某個元素時重新加載iframe src

Question

用戶單擊時，是否可以使用元素href屬性替換iframe src？

我有這個代碼

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

並且我正在嘗試讓用戶使用duckduckgo進行搜索，當點擊結果時，應將iframe src替換為href值。

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

如果我對您的理解正確，那么我認為您要嘗試的是檢測iframe頁面的更改時間，然后從該iframe的src屬性獲取新頁面的URL。

不幸的是，我認為您不走運，因為在頁面更改時瀏覽器不會更新src屬性。 並且，除非iframe的頁面與父頁面來自同一域，否則瀏覽器安全性將阻止您從新頁面中發現document.location.href 。