JavaScript для включения внешнего HTML работает в Chrome, но не в Internet Explorer и Firefox

Сценарий, который я использую для импорта внешнего HTML-кода с моим Navbar на основе загрузочной панели, вот Javascript:

<script type="text/javascript">
var link = document.querySelector('link[rel="import"]');

// Clone the <template> in the import.
var template = link.import.querySelector('template');

var clone = document.importNode(template.content, true);

document.querySelector('#navBar').appendChild(clone);

</script>

На моей HTML-странице все, что я делаю, - это включаю ссылку на внешний HTML-файл в разделе и добавляю div в мой раздел с определенным именем класса следующим образом:

<!— link of external HTML file in <HEAD> section -->
<link rel="import" href="navbar.html">

<!— Div with defined class name “navBar”in <BODY> section -->
<div id="navBar"></div>
Источник

2 ответа

Только браузер Chrome поддерживает импорт HTML. Вы должны использовать полифилл для разных браузеров.

Источник

HTML5? Internet Exploder?
https://caniuse.com/

Нету.

Можно использовать полифилл как это, хотя:
https://github.com/webcomponents/html-imports

Источник
Другие вопросы по тегам