О, дорогой, я думаю, что решение, которое вы ищете, это с IFRAMEs. Однако подход iframe - это и умственное, и техническое начинание. Я предлагаю вам начать с этого руководства:
Междоменная связь с IFrames
Альтернативный подход - асинхронное получение данных с другого сервера с использованием тегов script и json:
<script src="http://remotesite.com/path/to/script/blah.js"></script>
Вы можете создать новый элемент тега SCRIPT для передачи и загрузки данных и добавления в DOM или вставки разметки в элементы innerHTML.
Я уверен, что вы можете найти некоторые подробные примеры и способы реализации, но одну вещь, которую вы должны отслеживать с помощью нового метода SCRIPT, - это добавление в DOM такого количества. Это может помочь и обеспечить отправную точку для вас:
function require (url, callback) {
if (!isScriptLoaded(url)) {
document.write('<script src="' + url + '" type="text/javascript" charset="utf-8"><\/script>');
if (callback) {
callback();
}
}
}
function isScriptLoaded(src) {
var scriptsLoaded = {};
var scriptTags = document.getElementsByTagName("script");
for (var i = 0, script; script = scriptTags[i]; i++) {
if (script.src) {
scriptsLoaded[script.src] = 1;
}
};
if (scriptsLoaded[src]) {
return true;
}
return false;
}
(не проверено, но должно работать!)
В любом случае - удачи.