Я хочу объединить сегменты HTML из нескольких разных источников и затем правильно загрузить объединенный в браузер.
Например, один фрагмент HTML, извлеченный из www.1_example.com/1, может содержать <img src='/pic/insects_comp.jpg'>, а другой HTMLсегмент, извлеченный из www.2_example.com/2, может содержать <script src="picturefill.js" async></script> и <link href="svg-style.css" rel="stylesheet" type="text/css">, проблема в том, как обрабатывать относительные имена путей внешних ресурсов, таких как программы JavaScript, таблицы стилей или изображения, в другом сегменте HTML (из разных источников), чтобыбраузер может найти правильный адрес каждого из них, а затем правильно отобразить окончательный HTML-документ в браузере?
Я думал, что один из методов такой:
- Найти все относительные путивнешних ресурсов с использованием регулярных выражений или
document.images, document.scripts и document.styleSheetSets. - Замена относительных путей к внешним ресурсам по их URL-адресам.
Любые другие эффективныепути?