Dynamisch ändern, iframe-Inhalte

Ihre Referenz auf die jQuery LocalScroll plugin ist auf dem richtigen Weg. In der Tat, wenn man es richtig umsetzt ich denke, es würde Ihr problem lösen.

Anker-navigation, wie in diesem plugin, jQuery Mobile und anderen Orten, aktualisiert die window.location Objekt und Ihren Niederschlag auch in der Adressleiste des Browsers, so dass, wenn eine explizite Aktualisierung der Seite Auftritt, wird der Hash-Standort erhalten bleibt.

Die Antwort, dann ist ein Drehbuch zu haben, das Parsen dieser lokalen link aus der Adresse. Hier ist ein generischer JavaScript-code-block, um dies zu demonstrieren:

window.onload=function() {
    var URLParts=window.location.toString().split('#');
    if(URLParts.length>1)
        var lastPage=decodeURI(URLParts[1]);
    else
        return false;
    if(lastPage)
        iframe_load(lastPage,'content');
}
function clear_last_page(location) {
    var URLParts=location.split('#');
    if(URLParts.length<=1)
        return location;
    URLParts.pop();
    return URLParts.join('#');
}
function iframe_load(url,targetID) {
    document.getElementById(targetID).src=url;
    var location=clear_last_page(window.location.toString())+'#'+url;
    window.location.href=location;
}

, Wie es Funktioniert

Wenn die window onLoad Ereignis ausgelöst wird, wird der URL gesucht Anker (Hash) links. Wenn diese gefunden ist, werden wir davon ausgehen, dass dies ein Verweis auf eine Seite und so dann übergeben es an iframe_load().

Diese Funktion macht zwei Dinge. Erstens weist Sie Ihr Ziel Inlineframe auf der Seite übergeben, die über url parameter. Zweitens weist Sie den übergeordneten Rahmen einer fiktiven Anker, der wird beibehalten, selbst nachdem die Seite aktualisiert wird.

Also, wenn Sie aktualisieren den übergeordneten Rahmen, dass der Anker-text ist gepackt, analysiert und verwendet, um erneuten laden der zuletzt geladenen inline-Seite.

Die Funktion clear_last_page() ist einfach eine helper-Funktion, die verhindert, dass zusätzliche Anker-links wird an die URL angehängt.

Demonstration

Besuchen Sie diese URL ein:

http://gocontactform.com/stackoverflow/dynamically-change-iframes-content/

Klicken Sie auf den link "Seite 2", um die änderung anzuzeigen. Dann aktualisieren Sie die Seite.

Bemerkenswert

Darauf hingewiesen werden, dass diese Lösung technisch übernimmt die normale Funktion der Verankerung. Also, wenn Sie versuchen, Anker-links, die normalerweise auf der Seite, erhalten Sie möglicherweise unerwünschte Ergebnisse.

Sind Sie gezwungen, verlassen Sie sich auf iframe_load() für links gebunden für das inline-frame, anstelle von dem, was Sie modelliert, die in Ihrer Frage (traditionelle Verknüpfung mit einem target - Attribut).

Könnte ich auch vorschlagen, dass definieren Sie keine default - src Attribut inline. Eher, könnte man hinzufügen, um die onLoad handler ein Aufruf iframe_load('page1.html','content') und verhindern den unnötigen Versuch zum laden der Standard-Seite, wenn Sie sind erfrischend mit verankerten links in der Adresse.

Gibt es auch andere Möglichkeiten, das zu erreichen, was Sie fordern. Aber ich glaube, dass diese Lösung einfach zu verstehen und umzusetzen.

Hoffe, das hilft!

Wenn die Seite geladen wird, müssen Sie etwas überprüfen, um zu wissen, was der Letzte iframe src geladen. Standardmäßig kein browser kann das wissen. Ein Weg dies zu tun ist die änderung der hash-Wert Ihrer Seite, wenn hit the klicken Sie auf, und Wann immer-Seite geladen wird, überprüfen Sie, wenn vorhanden, diese hash-und trigger einige link mit dem hash.

Ich dies Schreibe: http://jsfiddle.net/estevao_lucas/revsg/4/

Wie gesagt, Michael, Geschichte-API, die Ihnen helfen können.