問題タブ [window-load]

document.readyイベントとwindow.loadイベントの違いを知っています。今、私のウェブサイトのパフォーマンスを改善するために、私はjavascriptのロードを延期することを計画しています。遅延読み込みコンテンツの例を数多く見てきました。

1. 挿入<script src="...">し<link rel="stylesheet" href="...">てdocument.readyに
2. 注入<script src="...">し<link rel="stylesheet" href="...">てwindow.loadに
3. document.readyが起動され<script src="...">てから<link rel="stylesheet" href="...">数秒後に挿入します
4. window.loadが起動されてから数秒後に注入<script src="...">します<link rel="stylesheet" href="...">

私の最初の質問は、これらの方法のどれが好ましいかということです。

私の2番目の質問は、アプローチ＃1を使用したときに正確に何が起こるかを知りたいということです。私のドキュメントにこのコンテンツがHTMLソースで定義されている場合：

そしてdocument.readyにこれらの追加のタグを挿入します：

私はブラウザが正確に何をするのか疑問に思っています：

1. document.readyイベントはいつ正確に発生しますか
2. どのような順序でファイルをダウンロードしますか
3. 挿入されたファイルをダウンロードしようとしている間、ページをブロックしますか？

私は最近、非常に便利なトリックを学びました。これにより、jQuery関数で$を渡して、含まれているすべてのコードを競合なしモードにすることができます。利点は、含まれているすべてのコードを「jQuery」ではなく「$」で記述できることです。

このコードは正常に機能します...

このコードは機能しません...

「$は関数ではありません」と表示されます。どうすれば動作させることができますか？

jQueryを使用して、他のjavascriptで作成されたhtmlを変更しています。ボタンをクリックしたときにjQueryを実行すると、すべて正常に動作します。

ただし、ウィンドウの読み込み時に jQuery を実行すると、何もしません。アラートを追加すると、他の JavaScript がページに HTML を作成し終える前に実行されたように見えます。他のすべての JavaScript が終了した後に jQuery を実行するにはどうすればよいですか?

注 - デモのみを作成しているため、この場合、パフォーマンスとベスト プラクティスは実際には問題になりません。ありがとう

更新 - これが私のコードです:

選択リストの中央にテキストを配置する必要があります。CSSのみを使用するクロスブラウザとデバイスメソッドはないため、iveはJavaScriptを使用してテキストのインデントを設定しました。

コードは選択リストからテキストを取得し、それをスパンに追加し（cssを使用するとテキストが同じサイズになります）、スパンの幅を測定します。その値を使用すると、テキストのインデントが何である必要があるかを理解するためにいくつかの簡単な計算が必要になります。

ほとんどの場合、このコードは正常に機能しますが、何も実行されないように見える場合があります。その場合、通常、ページを更新すると修正されます。なぜこのコードはとても気まぐれなのですか？それはdomを操作しなければならないことと関係がありますか？

ありがとう

私は自分のプロジェクトに使用$(window).load(function(){});していましたが、どこかで誰かが私たちがそのまま使用でき、同じよう$(function(){});に機能すると言っているのを見るまで.
しかし、より多くの経験を積んだ今、それらが同一ではないことに気付きました. 最初の部分が 2 番目のコードの少し後に開始されることに気付きました。
何が違うのか知りたいだけですか？

Javaで記述されたサードパーティアプリケーションのワークフローを自動化するC＃.NET2.0スクリプトを作成しようとしています。

私はuser32.dll関数を使用して、Javaアプリウィンドウと対話できるようにしています。

私の問題は、Javaアプリのウィンドウが完全に読み込まれるのが遅く、送信されたアクションIntPtr SendMessage(IntPtr hWnd, UInt32 Msg, UInt32 wParam, IntPtr lParam)が失われることがあることです。例：メインウィンドウの読み込み中にメニューを開こうとすると（現時点では実際にメインウィンドウにハンドルがあります）、メッセージが失われ、メニューが開かなくなります。

Stack OverflowProcess.WaitForInputIdle()でその目的にこのメソッドを使用できるという回答をいくつか見つけましたが、これはアプリがモノスレッドの場合にのみ機能することを発見しました。これは私のJavaアプリの場合ではありません。（C＃SendKeysは、プログラムがロードされるのを待ってから送信します）

同じアイデアで機能するものを探していますが、マルチスレッドやその他のアイデアをサポートしていますか？！:)

Mari9のアイデアに従って、私はついにSystem.Diagnostic.PerformanceCounter()サードパーティのアプリプロセスアクティビティを監視するためにを使用しました。次に、0になります。これは、プロセスが実行しなければならなかったことを実行し、送信したメッセージを実行できることを意味します。

jquery mobileのウィンドウロードイベントの代替手段はありますか..??

いくつかの js ライブラリを非同期に取得し$(window).loadて IEで実行する際に深刻な問題が発生しています。

もちろん、すべて他のブラウザでも動作します

問題は、私が次のようなことをしていることです

その直前に、その上の html のメソッド</body>を使用$(window).loadして のいくつかのプラグインを操作しますがsome_lib.js、IE ではすべてが高速になります。

メソッドを変更する可能性はある$(window).loadので、すべてのブラウザで同じ方法で使用できますか?

マークアップで何百もの大きな写真を含むカスタムスライドショーページがあります。さらに、CSSだけでは実行できないレイアウトの調整があり、javascriptが必要です。その調整は、いくつかのページ要素の計算されたCSSスタイルに依存します。

ここに問題があります：計算されたCSSスタイルをオンにする(document).readyことはうまくいかないようです。DOMが登録されているだけの場合、レイアウト/ペイントはまだ行われていないため、これは完全に理にかなっています。

(window).loadここでの明白な答えです。(window).loadただし、この場合、100以上の大きな画像がすべてダウンロードされるまで、文字通り30秒（低速接続ではさらに長くなります）かかるため、待機時間は非常に長くなります。スライドショーは、最初の2つの画像が読み込まれると、すべての画像が読み込まれるずっと前に使用できるようになるため、原則としてこれで問題ありません。問題は、その時点でもスクリプト化されたCSSレイアウト修正を実行したいということです。

ロードされているimgを確認するために、imageLoadedを使用しています。これは素晴らしい機能であり、imgsで使用した場合のjqueryのloadイベントの問題を回避します。しかし、divなどのページ要素で「ロード」のようなイベント（および計算されたスタイルの可用性）を確認するにはどうすればよいですか？（divはロードイベントを発生させないことに気付きました。）原則として、信頼できるクロスブラウザーDOMイベントが間に(document).readyあり(window).load、特定の要素セットをリッスンして計算されたスタイルを取得できますか？それとも、これら2つの時間的極値のどちらかを選択する必要がありますか？

重複の可能性：
jQueryまたはASP.NETを使用して、ページをダウンロードしてから、ページ上の画像を非同期にダウンロードする方法は？

window.load（）関数に実装されたJSコードを介して背景画像を追加したい。基本的に、必要なのはページの読み込みを高速化することです。次に、ページがレンダリングされるときに、要素に背景画像を追加します。

私はこのコードを使用します：

しかし、これは機能しません。私の背景画像はすべて、最初の読み込み時にまだ読み込まれています。それを機能させる方法、それでそれはページがロードされた後にだけこのコードを追加します。

これをボディのクリックイベント内に配置できるということですが、それはばかげています。