この記事では、JSによる遅延した画像読み込みを単純に実装する方法について説明します。次のように、参照のために共有してください。
window.onload = window.onresize = window.onscroll = function(){showimg();}; function getpos(obj){var l = 0; var t = 0; while(obj){l+= obj.offsetLeft; t+= obj.offsettop; obj = obj.offsetparent; } return {左:l、top:t};}関数showimg(){var atmg = document.getelementsbytagname( 'img'); var scrolltop = document.documentelement.scrolltop || document.body.scrolltop; var scrollbottom = scrolltop+document.documentlement.clientheight; for(var i = 0; i <atmg.length; i ++){var p = getpos(atmg [i]); if(p.top <scrollbottom){// alert(atmg); atmg [i] .src = atmg [i] .getattribute( '_ src'); }}}JavaScript関連のコンテンツの詳細については、このサイトのトピックをご覧ください:「JavaScriptの切り替え効果とテクニックの要約」、「JavaScript検索アルゴリズムスキルの要約」、「JavaScriptアニメーション効果とテクニックの要約」、「Javascriptエラー、および「Debugging Techniques」の概要」の要約「Javascript Datasmy氏」の概要をご覧ください。 JavaScriptトラバーサルアルゴリズムとテクニック」、および「JavaScriptの数学的操作の使用法の要約」
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。