//這是header.html裏的代碼,想作爲頭部引進來
<div id="loginBox">
<span></span>
<div>
<div>
<img src="common/images/login.jpg" alt="login"/>
</div>
<div>
</div>
<div>
<label for="">
<span>姓名:</span>
<input id="username" type="text" placeholder="input your name"/>
</label>
</div>
<div>
<label for="">
<span>密碼:</span>
<input id="password" type="password" placeholder="input your password"/>
</label>
</div>
<div>
<b>
<button type="submit" id="loginsub" class="btn btn-success" >登陸</button>
<button type="reset" id="loginset" class="btn btn-danger">重置</button>
</b>
</div>
</div>
</div>
在header.js裏邊這樣寫
$("#header").load('common/html/header.html', function (data, status, xhr) {})
在在想要引用的文件中找到想引用的部分即可
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="../common/css/header.css"/>
<link rel="stylesheet" href="../common/css/footer.css"/>
<link rel="stylesheet" href="../tool/bootstrap/dist/css/bootstrap.css"/>
<link rel="stylesheet" href="css/management.css"/>
<title>Hisense</title>
</head>
<body>
<div id="header"></div>