問題タブ [domready]

読み込み時にページを操作する JavaScript 埋め込みを作成しようとしています。スクリプトはヘッダーにあり、document.querySelector で見つけたらすぐに要素を操作できるようにしたいと考えています。つまり、「ロード」される前に、document.readyState が「インタラクティブ」である間に、DOM の変更に対応する必要があります。完全なドキュメントが読み込まれるまでドキュメントの読み込みがブロックされるため、タイムアウト/間隔を使用できません。そのため、0ms のタイムアウトを設定すると、document.readyState が「読み込まれる」まで実行されません。

要素が DOM に追加されると発生するイベントはありますか? DOMNodeInserted を試しましたが、ドキュメントが読み込まれた後に非同期に追加された要素に対してのみ起動するようです。

最後に、これは JavaScript のみで行う必要があります。HTMLまたはサーバーにアクセスできません。埋め込みは他の人のサイトに行っています。

domready、onload、body、head に疑問があります。いくつかの js を頭にリンクしているときに、機能しません。それ以外の場合は、体内で機能します。

そして、私はJSFIDDLEで気づいた、と述べました。

これと違いの手段は何ですか？

それについて説明していただけますか？

Wicket ボタンを使用してフォームを送信した後、応答に iframe が含まれていると、ページが完全にリロードされません。問題は、ウィケットが window.domready でいくつかのイベント リスナーをバインドしようとすることですが、「要素が DOM にないため、要素 "topRightItemTypeChoice7" のイベント "change" のリスナーをバインドできません」と言って失敗します。

httpfox プラグインで応答テキストを分析しましたが、この ID を持つコンポーネントが応答に存在します。

以下は、イベントをバインドしようとする Wicket による JS スニペットです。

レスポンスからの html コンポーネント

ページから iframe を削除するだけで、すべて正常に動作します。window.domready の iframe を作る違いは何ですか？

本文で機能する関数がonload=""ありますが、ページの他の要素の前にロードする必要があり、ヘッダーにドキュメント準備機能を追加しようとしていますが、機能していないようです。

したがって、onload機能する関数は次のとおりです。

私は以下のようないくつかのコンポーネントを持っています:

ラッパー: ローダーとページをラップします

ローダー: 一部のアニメーション

ページ: ページ コンテンツ

次のようなコード:

DOM が完全にロードされた後、Loader を非表示にして Page コンポーネントを表示したい。

Reactで dom ready イベントをどのように記述すればよいですか?

jQueryのように:$(window).on('ready')

あなたが私を助けてくれることを願っています。Jquery/Javascriptで要素の初期値を設定するにはどうすればよいですか?

私の問題を説明するために、次のスニペットがあります。私のスニペットは私が望むように機能しますが、「onclick」の後でのみです。ページをロードすると、正しい値が得られません。この場合、[毎月表示] をクリックすると 80 ユーロが表示され、[年間表示] をクリックすると 800 ユーロが表示されます。しかし、ページを読み込んだときではなく、クリックした後にのみ機能します。

ありがとう