请问前端大神，html如何引入另一个html，写了一个导航栏想在多个页面中如何重复使用？
写了一个头部导航栏的html
想在多个html页面中引用，请问怎么操作？
网上找了用<iframe>标签 实际效果并不好 ， 导航栏中按钮下拉菜单无法完全显示
请问大牛们平时开发中怎么处理这个的
如图 ：
陪伴而非守候浏览 4593回答 1
1回答
-
幕布斯7119047
可以使用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>
随时随地看视频慕课网APP
相关分类
JavaScript