js 分步加载

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>

<script src="//pv.sohu.com/cityjson?ie=utf-8" defer></script>
<script src=https://res.wx.qq.com/open/js/jweixin-1.2.0.js defer> </script>
<meta name=full-screen content=yes>
<meta name=x5-fullscreen content=true>
<meta name=viewport content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
<link rel=stylesheet href=/tripAirport/static/common-loading.css> <title>*****</title>
<link href=/tripPlane/static/css/app.bb4e0f5e0ad4866612eb435fcd63643d.css rel=stylesheet>
</head>
<body>
<div id=loader-wrapper>
<div id=loader></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<div id=app></div>
<script type="text/javascript">
var scriptUrl = ['/tripPlane/static/js/manifest.da5556e8a74f8ac321b8.js?time=' + (~~(Math.random() * 10000000)),
'/tripPlane/static/js/vendor.11aa0938f5c7a4f38d69.js?time=' + (~~(Math.random() * 10000000)),
'/tripPlane/static/js/app.a4cc5deb7ad5fea2c2ac.js?time=' + (~~(Math.random() * 10000000))
];
function loadJsAsync(url,index) {
var body = document.getElementsByTagName('body')[0];
var jsNode = document.createElement('script');
jsNode.setAttribute('type', 'text/javascript');
jsNode.setAttribute('src', url[index]);
body.appendChild(jsNode);
index++;
jsNode.onload = function() {
if(index<3)
loadJsAsync(url,index)
}
}
setTimeout(function(){
if (window['cltxUserInfoStory']) {
localStorage.setItem('userInfo', JSON.stringify(window['cltxUserInfoStory']));
loadJsAsync(scriptUrl,0)
} else {
loadJsAsync(scriptUrl,0)
}
},100)
</script>

</body>
</html>

posted @ 2018-10-16 09:05  mrt_yy  阅读(426)  评论(0编辑  收藏  举报