2022年2月17日如何从网页中提取公共部分并在各处应用？
发布时间
阅读量：
阅读量
需求
在构建静态网页时，通常会包含header和footer等各个页面共有的部分，此时无需在每个页面中重复编写这些公共模块，而是应当将其单独提取出来，并通过导入的方式进行复用。
解决方法概述
通过调用jQuery中的load()函数，例如：$(".header").load("../module/header.html")，可以实现页面元素的内容加载操作。
注意事项概述
由于每个网页仅允许存在一个html标签和一个body标签，因此公共部分的html文件中只能包含div元素，而不能出现html或body标签。
示例:把header导入到首页index.html中
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="styles全部评论 (0)
还没有任何评论哟~