ansaurus

Question

Answer 1

+1 A:

Add this in a.html and b.html

<head>
    <meta http-Equiv="Cache-Control" Content="no-cache">
    <meta http-Equiv="Pragma" Content="no-cache">
    <meta http-Equiv="Expires" Content="0">
</head>

To force no cache checks

Simone Margaritelli 2010-03-26 15:42:49

Answer 2

A:

For one possible solution to this, pass a "cache parameter" to your calls to a.html and b.html. For example

HTML

<input type="button" value="Load a.html" onclick="cacheSafeReload('a.html');">

Javascript

function cacheSafeReload(urlBase) {
    var cacheParamValue = (new Date()).getTime();
    var url = urlBase + "?cache=" + cacheValueParam;
    reloadFrame(document.getElementById('myFrame'), url);
}

justkt 2010-03-26 15:43:48

Answer 3

+1 A:

If you can add server-side instructions to those HTML files, you could send the appropriate headers to prevent caching:

Making sure a web page is not cached, across all browsers (I think the consensus is that the 2nd answer is best, not the accepted one)

Simone's answer already deals with Meta tags.

A cheap quick trick is to add a random number as a GET parameter:

page_1.html?time=102398405820

if this changes on every request (e.g. using the current time), reloading wil get forced every time, too.

Pekka 2010-03-26 15:44:34

A caveat with a naive implementation of the random number trick is that you can end up with urls like `"page_1.html?time=123?time=456?time=789?time=012"` on repeated invocations. Harmless, but ugly IMHO.

Crescent Fresh 2010-03-26 15:59:45

ansaurus

tags:

views:

answers:

Refresh iFrame (Cache Issue)

related questions