要导入公共 HTML 文件，可创建该文件并添加 标签，链接到公共文件。此外，可使用 HTML Import API 导入文件，但该 API 仅适用于现代浏览器。对于旧版浏览器，则需采用其他方法（如 iframe）。
如何将公共 HTML 文件导入您的 HTML
在 HTML 中导入公共 HTML 文件是一种将文件的内容插入到另一个 HTML 文档中的便捷方法。这在您需要重复使用的代码块（例如导航栏或页脚）时特别有用。
方法：
创建公共 HTML 文件：
立即学习“前端免费学习笔记（深入）”；
创建一个新的 HTML 文件，包含您要导入的内容。将此文件保存为 .html 文件扩展名。
链接到公共 HTML 文件：
在导入它的 HTML 文件中，添加以下代码：
确保 path/to/public_html_file.html 替换为公共 HTML 文件的实际路径。
使用 HTML Import API：
在需要使用导入内容的地方，使用 HTML Import API。
var element = document.getElementById('my-element'); element.importHref = 'path/to/public_html_file.html';
注意：
公共 HTML 文件必须在同一目录或其子目录中。您可以在一个 HTML 文件中导入多个公共 HTML 文件。HTML Import API 仅适用于现代浏览器。对于旧版浏览器，可以使用其他方法（例如 iframe）。
以上就是html怎么导入公共html的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1555828.html
微信扫一扫 
支付宝扫一扫 
