HTML引用HTML

刺心疯

于 2019-05-16 15:30:42 发布

阅读量355

点赞数 2

CC 4.0 BY-SA版权

分类专栏： HTML5

本文链接：https://blog.youkuaiyun.com/qq_42363090/article/details/90264754

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的位置