如何将公共 HTML 文件导入您的 HTML
在 HTML 中导入公共 HTML 文件是一种将文件的内容插入到另一个 HTML 文档中的便捷方法。这在您需要重复使用的代码块(例如导航栏或页脚)时特别有用。
方法:
创建公共 HTML 文件:
创建一个新的 HTML 文件,包含您要导入的内容。 将此文件保存为 .html 文件扩展名。链接到公共 HTML 文件:
在导入它的 HTML 文件中,添加以下代码:
<link rel="import" href="path/to/public_html_file.html"> 确保 path/to/public_html_file.html 替换为公共 HTML 文件的实际路径。使用 HTML Import API:
在需要使用导入内容的地方,使用 HTML Import API。
<template is="dom-module" id="my-element"><content></content></template><script> var element = document.getElementById('my-element'); element.importHref = 'path/to/public_html_file.html'; </script>注意:
公共 HTML 文件必须在同一目录或其子目录中。 您可以在一个 HTML 文件中导入多个公共 HTML 文件。 HTML Import API 仅适用于现代浏览器。对于旧版浏览器,可以使用其他方法(例如 iframe)。以上就是html怎么导入公共html的详细内容,更多请关注知识资源分享宝库其它相关文章!
版权声明
本站内容来源于互联网搬运,
仅限用于小范围内传播学习,请在下载后24小时内删除,
如果有侵权内容、不妥之处,请第一时间联系我们删除。敬请谅解!
E-mail:dpw1001@163.com
发表评论