4eloBek
@4eloBek
ученик

Как загрузить html в html?

Нашел на Хабре статью Что такое HTML импорт и как это работает?

По примерам все работает:
intro.html
<div id="intro-dm">
  <h2>We're an awesome blog about web design</h2>
  <p>Designmodo is a great resource of informative material for designers and web developers. We are makers of highly-rated User Interface Packs, you can get acquainted with Designmodo shop here, and you can download a couple of other ui packs for free.</p>
</div>

index.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>What are HTML imports and how do they work</title>
    <link rel="import" href="/intro.html">
  </head>
  <body>
    <h1>Hello from Designmodo</h1>
  </body>
</html>


Но пытаюсь динамически добавить свой адрес в index.html
var link = document.querySelector('link[rel=import]');
link.setAttribute('href', 'intro.html');
var content = link.import.querySelector('#intro-dm');
document.body.appendChild(content.cloneNode(true));


Ничего не выходит(
Помогите. Как решить такое? ))
  • Вопрос задан
  • 1161 просмотр
Решения вопроса 1
@LiguidCool
Пардоньте, что за костыль? Почему не стандартный AJAX?
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 3
botaniQQQ
@botaniQQQ
Q
Зачем Вы пытаетесь переопределить href - link.setAttribute('href', 'intro.html');?
var link = document.querySelector('link[rel=import]');
      var content = link.import.querySelector('#intro-dm');
      document.body.appendChild(content.cloneNode(true));
Ответ написан
@GeneD88
QA
Не знаток, но почему бы не вставить html в iframe?
$("#iFrame").attr("src", "page.html")
Ответ написан
@JuniorNoobie
Сижу в поддержке, пишу мелкие проекты
Создайте объект DOMDocument.3.0. Загрузите в него свой html-файл. Через innerHTML вставьте содержимое объекта в любой DOM-элемент.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы