HTML引用HTML

最新推荐文章于 2024-10-29 10:02:21 发布

原创最新推荐文章于 2024-10-29 10:02:21 发布 · 355 阅读

2 ·

CC 4.0 BY-SA版权

HTML5 专栏收录该内容

204 篇文章

订阅专栏

HTML引用HTML

话不多说，直接上代码

<!DOCTYPE html>
<html>
 
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<link rel="import" href="../template/top.html" id="page1">
		<title></title>
		<script type="text/javascript">
			$(function() {
				$(".top").load("template/top.html");
			})
		</script>
	</head>
 
	<body>
		<div class="top"></div>
 
	</body>
 
</html>

目录结构：
在这里插入图片描述
这样就引用了top.html文件。top.html在页面显示在.top的位置