Textarea と遅延レンダリングの実装コード_JavaScript スキル

コードは次のとおりです。

コードをコピーします コードは次のとおりです。

コンテンツをレンダリングします。すぐに

• 張三


• 張思

<br>コンテンツの遅延レンダリング<br><ul> <br><li>李三<img src="p11.jpg"/></li> <br><li> ;李四<img src="p12.jpg"/></li> <br>

;
setTimeout(function(){//遅延レンダリング
var el =document.getElementById('lazyRender01');
el.parentNode.innerHTML = el.value;
},1000);



このコードの利点は、Li San と Li Si に対応するコンテンツが dom ノードを形成せず、遅延レンダリングの前に画像を要求しないことです。

しかし、学生の中には「Textarea のコンテンツは検索エンジンに適していません。」と尋ねる人もいます。
問題ありません。これは簡単に解決できます。

コピーcode コードは次のとおりです:

コンテンツをすぐにレンダリングします

Zhangサン

張思

/ul>

<script>document.write('<textarea id="lazyRender01" style="display:none">); </script>
コンテンツの遅延レンダリング

李三李思

< ;script>
setTimeout(function(){//遅延レンダリング
var el =document.getElementById('lazyRender01');
el.parentNode.innerHTML = el.value;
}, 1000;
しかし、結果は大きく異なります。ブラウザが js をサポートしていない場合でも、すべてのコンテンツはそのまま表示されます。