Рабочие HTML импорты

Этот микропост скорее заметки на полях для себя, чтоб не протерять. Если хочется заимпортить HTML в страницу (а нативные импорты давно уж как депрекатед), то можно использовать такой трюк:


<iframe
onload="this.before(this.contentDocument.body.children[0]);this.remove()"
src="/parts/somepart.html"></iframe>

Особенность такого варианта: как и во Vue.js нужно все оборачивать в родительский div, так как мы используем children[0] . При желании можно модифицировать этот вариант. Например, используя spread operator :


<iframe
onload="this.before(...this.contentDocument.body.children);this.remove()"
src="hello2.htm"></iframe>