Загрузка скрипта с помощью невидимого элемента iframe
Я использую сторонний API, который имеет следующую ссылку CDN.
После того, как я построил простой пример и загрузил скрипт по ссылке CDN выше, я заметил странную вещь. Загруженный скрипт добавляет скрытый элемент iframe к текущему телу документа и использует его (добавленный iframe) для загрузки другого гораздо более крупного скрипта, выполнив следующий код:
var scriptFrame = $doc_0.createElement('iframe');
scriptFrame.src = 'javascript:""';
scriptFrame.id = 'priorityapp';
scriptFrame.style.cssText = 'position:absolute; width:0; height:0; border:none; left: -1000px;' + ' top: -1000px;';
scriptFrame.tabIndex = -1;
$doc_0.body.appendChild(scriptFrame);
frameDoc = scriptFrame.contentDocument;
if (!frameDoc) {
frameDoc = scriptFrame.contentWindow.document;
}
frameDoc.open();
var doctype = document.compatMode == 'CSS1Compat' ? '<!doctype html>' : '';
frameDoc.write(doctype + '<html><head><\/head><body><\/body><\/html>');
frameDoc.close();
Я спрашиваю себя, какой смысл это делать? Это какая-то лучшая практика для загрузки скриптов в фоновом режиме (одновременно)?