0

我用来导入外部 HTML 的脚本具有基于 Bootstrap 的导航栏，这里是 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>
4

2 回答 2

1

HTML5？互联网爆破？
https://caniuse.com/#feat=imports

没有。

可以使用这样的 polyfill：
https ://github.com/webcomponents/html-imports

于 2018-03-19T00:40:51.167 回答
1

只有 Chrome 浏览器支持 HTML 导入。您应该为不同的浏览器使用polyfill 。

于 2018-03-19T02:02:38.643 回答