我想创建包含在几个 html 页面中的通用页眉和页脚页面。
我想使用javascript。有没有办法只使用 html 和 JavaScript 来做到这一点?
我想在另一个 html 页面中加载页眉和页脚页面。
您可以使用jquery完成此操作。
将此代码放入index.html
index.html
<html> <head> <title></title> <script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"> </script> <script> $(function(){ $("#header").load("header.html"); $("#footer").load("footer.html"); }); </script> </head> <body> <div id="header"></div> <!--Remaining section--> <div id="footer"></div> </body> </html>
并将此代码放入header.htmlandfooter.html中,与index.html
header.html
footer.html
<a href="http://www.google.com">click here for google</a>
现在,当您访问 时index.html,您应该可以单击链接标签。