JavaScriptの遅延読み込み技術（lazyload）の簡単実装_javascriptスキル

// Compare whether a certain sub-area is presented in the browser area
function jiance(arr,prec1,callback){
var prec2;
for(var i = arr.length - 1 ; i >= 0 ;i--){
if(arr[i]) {
　 prec2 = getSubClient(arr[i]);
if(intens(prec1,prec2)){
callback(arr[i]);
delete monitoring
　　　 delete arr[i]; = getClient();
　jiance(arr,prec1,function(obj){
　　　 //Load resources...
　　 alert(obj.innerHTML)
　　})
　}
//Subarea one
　 var d1 = document.getElementById("d1");
//Subarea two
var d2 = document.getElementById("d2");
//Need to press Need to load the area collection
var arr = [d1,d2];
window.onscroll = function(){
// Recalculate
autocheck();
}
window. onresize = function(){
　　 // Recalculate
　 autocheck();
　}


Now we only need to load the resources we need in the pop-up window. Source code I won’t post it here. If anyone needs it or has any questions, please contact me.