jquery - jQuery の .html 関数のより高速な代替手段は?

Question

jquery .html(variable) 関数に代わるものがあるかどうか疑問に思っていましたか? html を DOM に挿入している間、かなり遅いようで、フリーズします。

innerHtml を使用してみましたが、これも非常に高速に機能します。しかし、何らかの理由で、挿入されたコードに jquery または MS ajax がある場合、これらのスクリプトは FF でのみ機能します。

約 2000 行のコードを挿入しようとしています。

Answer 1

問題は、ページに挿入した jquery または ms ajax (javascript) コードが評価されないことです。jquery の .html メソッドがそれを行いますが、.innerHtml を使用する場合は、eval() 関数を使用して手動で評価する必要があります。

eval(«javascript code here»);

手順は、innerHtml を使用して html を挿入し、eval 関数を使用して JavaScript 部分のみを評価します。

Answer 2

私はちょうどこの答えを読んでいて、 DOMドキュメントフラグメントの使用とそれが「通常の」方法と比較してどれくらい速いかについてのコメントにリンクがありました...それをチェックしてください。ベンチマークをjQueryと実際に比較するわけではありませんが、一般的な考え方はわかります。

Answer 3

問題についてより具体的に説明していただければ幸いです。一般的に言えば、2000 の .html() 更新を行う必要はありません。より大きな .html() 呼び出しに参加する必要があります。これは、各 .html() 後に DOM 全体が再構築され、速度が低下するためです。