写了一个头部导航栏的html 想在多个html页面中引用，请问怎么操作？ 网上找了用<iframe>标签 实际效果并不好 ， 导航栏中按钮下拉菜单无法完全显示 请问大牛们平时开发中怎么处理这个的如图 ：
1 回答
幕布斯7119047
TA贡献1794条经验 获得超8个赞
可以使用html的import这个功能
通过声明 <link rel="import"> 来在页面中包含一个导入
具体可以看教程
可以向下面这样使用
warning.html
<div class="warning">
<style scoped>
h3 {
color: red;
}
</style>
<h3>Warning!</h3>
<p>This page is under construction</p>
</div>
<div class="outdated">
<h3>Heads up!</h3>
<p>This content may be out of date</p>
</div>
导入
<head>
<link rel="import" href="warnings.html">
</head>
<body>
...
<script>
var link = document.querySelector('link[rel="import"]');
var content = link.import;
// 从 warning.html 的文档中获取 DOM。
var el = content.querySelector('.warning');
document.body.appendChild(el.cloneNode(true));
</script>
</body>
添加回答
举报
0/150
提交
取消