<!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一定要写在主页面，否则会造成重复加载的功能性错误。