ホームページ > 記事 > ウェブフロントエンド > Textarea と遅延レンダリングの実装コード_JavaScript スキル
Textarea と遅延レンダリングの実装コード_JavaScript スキル
- WBOYオリジナル
- 2016-05-16 17:57:44927ブラウズ
コードは次のとおりです。
コードをコピーします コードは次のとおりです。
コンテンツをレンダリングします。すぐに
- 張三
- 張思
setTimeout(function(){//遅延レンダリング
var el =document.getElementById('lazyRender01');
el.parentNode.innerHTML = el.value;
},1000);
このコードの利点は、Li San と Li Si に対応するコンテンツが dom ノードを形成せず、遅延レンダリングの前に画像を要求しないことです。
問題ありません。これは簡単に解決できます。
コピー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 をサポートしていない場合でも、すべてのコンテンツはそのまま表示されます。
<script>document.write('<textarea id="lazyRender01" style="display:none">); </script>
コンテンツの遅延レンダリング
李思 setTimeout(function(){//遅延レンダリング
var el =document.getElementById('lazyRender01');
el.parentNode.innerHTML = el.value;
}, 1000;
しかし、結果は大きく異なります。ブラウザが js をサポートしていない場合でも、すべてのコンテンツはそのまま表示されます。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。