ホームページ > ウェブフロントエンド > jsチュートリアル > Textarea と遅延レンダリングの実装コード_JavaScript スキル

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

WBOY
リリース: 2016-05-16 17:57:44
オリジナル
966 人が閲覧しました

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

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


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

  • 張三

  • 張思





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



このコードの利点は、Li San と Li Si に対応するコンテンツが dom ノードを形成せず、遅延レンダリングの前に画像を要求しないことです。
しかし、学生の中には「Textarea のコンテンツは検索エンジンに適していません。」と尋ねる人もいます。
問題ありません。これは簡単に解決できます。


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

  • 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 をサポートしていない場合でも、すべてのコンテンツはそのまま表示されます。
    関連ラベル:
    ソース:php.cn
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    人気のチュートリアル
    詳細>
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート