html调用html 就像母版页一样使用

最新推荐文章于 2025-06-24 08:45:44 发布

幽水-椰子糖

最新推荐文章于 2025-06-24 08:45:44 发布

阅读量6.4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： css htm html

本文链接：https://blog.youkuaiyun.com/dengkanxiao/article/details/37660441

css htm html 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种通过使用母版技术来减少前端重复工作的方法。利用HTML与JavaScript结合，可以实现在多个页面中重用相同的头部内容，从而提高开发效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

近段时间做布局及静态页面工作，每个页面都有很多相同的地方，改一个地方的时候要改很多，

所以想到使用母版一样的技术，重用好点。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
</head>
<body>
<div id="head"></div>
<script type="text/javascript" src="Script/jquery-1.10.2.js"></script>
<script>
$(function(){    $("#show_b").load("head.htm", function(response){ });});
</script>
</body>
</html>

这样页面就引用了head.htm页面的内容了。