How to prefetch / cache iframe content?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15

// create a new iframe element
var iframe = document.createElement('iframe');

// set the source of the iframe to the desired URL
iframe.src = 'https://example.com/content';

// add the iframe to the document, but make it hidden
iframe.style.display = 'none';
document.body.appendChild(iframe);

// listen for the load event of the iframe
iframe.onload = function() {
    // content is now loaded and cached
    console.log('Content loaded and cached');
};