Iframe reload-button

Gibt es viele Möglichkeiten, dies zu tun. Vorausgesetzt, diese iframe markup:

<iframe name="Right" src="http://www.example.com"></iframe>

Können wir tun es mit einem Funktion aufrufen:

HTML

<button onclick="refreshIframe();">Refresh Iframe</button>

JS

function refreshIframe() {
    var ifr = document.getElementsByName('Right')[0];
    ifr.src = ifr.src;
}

Oder mit inline-JS:

<button onclick="var ifr=document.getElementsByName('Right')[0]; ifr.src=ifr.src;">Refresh Iframe</button>

Oder mit einem Ereignis-listener:

HTML

<button id="iframeRefresher">Refresh Iframe</button>

JS

window.onload = function() {
    document.getElementById('iframeRefresher').addEventListener('click', function() {
        var ifr = document.getElementsByName('Right')[0];
        ifr.src = ifr.src;
    });
}

Gleiche wie oben, jetzt mit Unterstützung für IE <= 8, und verwenden Sie eine Funktion im globalen Bereich als handler anstelle eines anonymen eins:

HTML

<button id="iframeRefresher">Refresh Iframe</button>

JS

window.onload = function() {
    var refresherButton = document.getElementById('iframeRefresher');
    if (refresherButton.addEventListener)
        refresherButton.addEventListener('click', refreshIframe, false);
    else
        refresherButton.attachEvent('click', refreshIframe);
}

function refreshIframe() {
    var ifr = document.getElementsByName('Right')[0];
    ifr.src = ifr.src;
}

All dies ohne auch nur zu berühren jQuery oder sonstige library.

Welche davon Sie verwenden sollten? Je nachdem, was Sie betrachten, wartbarer und lesbarer. Nur nicht von der globalen vars, Wann immer möglich. Würd ich persönlich vermeiden, inline-JS mit den markup-Code und die Zuhörer scheinen nicht mehr notwendig zu sein, aber das ist nur mir. Wählen Sie je nachdem, was Ihnen besser passt.