<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!--先載入css --> <link rel="stylesheet" href="style.css"></head><body> ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--先載入css -->
<link rel="stylesheet" href="style.css">
</head>
<body>
<!--然後載入網頁內容 -->
<h1>this is a demo html </h1>
<!--非同步載入 -->
<div id="loadingDiv">loading</div>
<!--最後載入js文件-->
<script src="jquery-1.7.1.min.js"></script>
<script src="index.js"></script>
</body>
</html>
index.js中的內容
/**
* Created by shi on 16/4/27.
*/
$(document).ready(function(){
$("#loadingDiv").load("index.html");
})
這樣是不是在達到載入網頁效果的同時，節省了很多時間，而且有了更好的用戶體驗呢？
index.js一定要寫在主頁面，否則會造成重覆載入的功能性錯誤。
