Загрузить HTML из внешнего источника

Я хочу включить фрагмент HTML на нескольких страницах (каждая из которых имеет свой рабочий процесс и структуру). Чтобы не приходилось обновлять каждую страницу при изменении этого фрагмента, каждая страница загружает файл Javascript, который в настоящее время выглядит следующим образом.

var html = "lots of html with <style> and <script> tags";
var wrapper = document.createElement("div");
wrapper.innerHTML = html;
document.querySelector('body').appendChild(wrapper);

Я ищу лучшее решение для внедрения HTML-контента из другого источника с использованием Javascript.

Источник

1 ответ

Попробуй это:

<html>
    <head>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script>
        <script type="text/javascript">
           $(document).ready(function(){
               $('#selectedTarget').load('path/to/file.html');
           });
        </script>   
    </head>
    <body>
        <div id="selectedTarget">
            Existing content.
        </div>
    </body>
</html>
Источник
Другие вопросы по тегам