問題タブ [onload-event]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
3 に答える
3334 参照

jquery - 画像が完全にロードされる前に画像オンロードイベントがトリガーされますか?

私は Jcrop jquery プラグインを使用しておりinitJcropBox()、onload イベントで関数をトリガーしています。

ただし、この関数は、画像が完全に読み込まれる前にトリガーされています。これが問題を引き起こしています。jcropbox のサイズが正しく表示されなかったり、jcropbox がまったく表示されなかったりします。

線を引くとうまくいきます。しかし、解決策ではありません。 setTimeout('initJcropBox()',2000);

initJcropbox()ブラウザで画像が完全にロード/レンダリングされた後に関数をトリガーするにはどうすればよいですか?

0 投票する
1 に答える
694 参照

javascript - HTMLヘッド外のウィンドウロードイベント

loadイベントにアタッチする必要があるレガシーHTML/JSコードを使用しています。

私が使用しているスクリプトは<head>タグの外にあります。

頭の外でリッスンしているイベントをアタッチするときに、ロードイベントをリッスンすることは信頼できませんか?

つまり、ページがすでに読み込まれ、イベントリスナーを無視している可能性はありますか?

私のテストでは、イベントリスナーは正常に起動されますが、これが常に当てはまるかどうかは確認できます。

ところで。レガシーの性質のため、jQueryの使用を避ける必要があります(不幸な日)。

0 投票する
2 に答える
35017 参照

javascript - インライン イベント ハンドラーと無名関数

ページにスクリプトを動的に含めて実行する必要があります。これには画像オンロードイベントを使用しています:

DoIt 関数は次のようになります (この例を作成しただけです)。

ページ自体を制御することはできません (ページが呼び出す HTML 文字列のみを制御します)。そのため、マークアップに DoIt 関数を明示的に含める必要があります。

匿名関数を使用してみましたが、うまくいきませんでした:

次のように、スクリプトをインラインで記述する必要があります。

この場合、制限はありますか (例: スクリプトの長さ)?

ご協力いただきありがとうございます!

0 投票する
1 に答える
743 参照

swfupload - addOnloadEventを使用したswfuploadinit

addOnloadEvent(initSwfUpload)関数を使用してswfuploadを初期化します。

これが私の機能です

正常に動作していますが、addPostParam(name、value)を使用する必要がありますが、swfは使用できません。

これがコードです

swfが未定義であるというメッセージが表示されます。

上記を実現するためにaddOnloadEventアプローチを使用することは可能です。

いくつかの理由で、私はroが古典的なswfuploadinitを使用したくない

ありがとう

0 投票する
2 に答える
155 参照

javascript - 新しいHTMLページがロードされた後にjs関数をロードする方法は?

次の方法があるかどうか疑問に思います。

ルートに「index.html」というページがあり、2 つのリンクがあります。各リンクにはonclick「reader/index.html」へのリンクがあります。リンクが 2 つあるのは、ページが読み込まれた直後に「reader/index.html」でリンクが異なる関数を呼び出すようにするためです。これを行う方法はありますか?

onloadページの読み込みが完了した後に関数を呼び出す方法は知っていますが、前のページのonload内容に応じて異なる関数を呼び出す方法がわかりません。onclickここで完全に困惑しました。どんな助けでも大歓迎です。

0 投票する
1 に答える
2719 参照

javascript - IFrame の動的スクリプトが window.onload をトリガーしない

フレームのロード時に実行するコードを使用してタグを動的に作成しIFrame、タグを追加していますが、実行されることはありません。script

window onloadコードが に追加される前にイベントがトリガーされると想定していIFrameます。それが呼び出されることを確認する方法はありますか?またwindow.onload、JS ベースのコード エディターの場合と同様に、iframe がブラウザー ウィンドウでのように反応する必要があるため、含まれている必要があります。乾杯。

0 投票する
5 に答える
121215 参照

javascript - パーツ内にJavascriptによるbody.onloadのイベントハンドラーを追加します

ドキュメントにGoogleMapsAPIの地図を含めたいと思います。ドキュメントにはonload()、本体のイベントによって呼び出される関数を使用してマップを初期化するように指示されています。

通常の呼び出し方法:

Template::Toolkit使用していて、<body>タグが既にラッパーに含まれているため、これはうまくいきません。つまり<body>、Javascriptコードの実行が開始されたときに、タグはすでに出力されています。

私はこのようなことを試しましたが、それはに対してのみ機能しonclick、ではありませんonload<body>これは、Javascriptコードがタグ自体の下にあるためだと思います。

グーグルマップマップを起動する方法の助けはありがたいです!

0 投票する
2 に答える
1117 参照

javascript - ボディロードでjavascript関数を呼び出すか、スクリプトから直接呼び出すかの違い

私はjavascriptを使用していますが、実行時に複数のdiv(たとえば、5)を作成し、javascript関数を使用して、すべてのdivにテキストが含まれています。これも実行時に設定されます。次に、実行時にすべてのdivを無効にし、下部のページ番号。ユーザーがページ番号をクリックするたびに、そのdivのみが表示され、他のdivが無効になるようにするため、ページ番号としてパラメーターを受け入れる関数を作成しました。ページ番号がクリックされたdivを有効にします。 forループを使用して、他のすべてのdivを無効にします。ここでの問題は、2つの関数を作成したことです。ページ番号をクリックし、bodyonloadでAddingdiv関数を呼び出しました。初めて実行すると、ページのすべてがうまくいきます。

これが発生している理由と、問題を解決するにはどうすればよいですか...

以下は私のスクリプトです。divのコンテンツはJsonを使用して提供されます。

よろしくお願いします

0 投票する
3 に答える
52984 参照

javascript - onloadとaddEventListener('load')のiframeの動作

私はページに非表示のiframe要素を追加することで遊んでいますが、ロードされたこれらのDOMを操作したいと思います。iframeがまだ読み込まれていないため、ページにiframeを追加した直後にDOMの操作を開始できないことに気付きました。これは、イベントで実行できません。これはDOMContentLoaded、ページに追加されるまでiframeに存在しないドキュメントに対して発生するため、loadイベントを使用する必要があります。

ここにいくつかのテストコードがあります:

これは期待どおりに機能しますが、変更してaddEventListenerもDOMに追加されません。

attachEventIEでテストしていません。

誰かがこれに光を当てましたか?

0 投票する
1 に答える
3981 参照

java - 中央の PopupPanel onLoad に GWT 画像を表示する

GWT を使用して、中央の PopupPanel に完全な画像 (数 MB になる場合があります) を表示する ClickHandler で画像のサムネイルを表示しています。画像を中央に配置するには、ポップアップが表示される前に画像をロードする必要があります。そうしないと、画像の左上隅が画面の中央に配置されます (画像は 1 ピクセルの大きさと見なされます)。これは私がこれを行うために使用しているコードです:

ただし、LoadEventイベントは発生しないため、画像は表示されません。どうすればこれを克服できますか?http://code.google.com/p/gwt-image-loader/の使用を避けたいのは、回避できるのであれば余分なライブラリを追加したくないからです。ありがとう。