的HTML
<body> <div id="load"></div> <div id="contents"> jlkjjlkjlkjlkjlklk </div></body>
JS
document.onreadystatechange = function () { var state = document.readyState if (state == 'interactive') { document.getElementById('contents').style.visibility="hidden"; } else if (state == 'complete') { setTimeout(function(){ document.getElementById('interactive'); document.getElementById('load').style.visibility="hidden"; document.getElementById('contents').style.visibility="visible"; },1000); }}CSS
#load{ width:100%; height:100%; position:fixed; z-index:9999; background:url("https://www.creditmutuel.fr/cmne/fr/banques/webservices/nswr/images/loading.gif") no-repeat center center rgba(0,0,0,0.25)}注意：
如果您的页面加载速度很快，您将看不到任何加载gif，因此请在加载时间较长的页面上使用此代码，我也建议您将 js 放在页面底部。
