いつもお世話になります。
jqueryで画面読み込み時でDHTMLを処理する場合(表示・非表示、タグの作成などなど)、ブラウザでの表示に影響はでるものでしょうか?
※画面読み込み時・・・$(function() {.......}); で処理を記述
とういのも以前、jqueryではなく普通にjavascriptを使用して、初期表示処理をごりごり書いたシステム開発に携わったことがあるのですが、
一瞬見えた後非表示になったり、色がなにもついていない状態が一瞬見えた後、色がついたり、、、といった挙動をしていました。
jqueryは、domツリー構築後に処理が開始されると書いている記事を見たことがあるのですが、その場合でも、先に述べたような見え方をするのでしょうか?
それともDHTMLによるクライアントサイドでの動的な処理は、全て完了した状態でブラウザに表示されるのでしょうか?
宜しくお願いします。
No.3ベストアンサー
- 回答日時:
jQueryのready関数は、すべてのHTMLソースを読み込んだ後に実行されますが、レンダリング前に実行されるはずです。
ただ、それでもJSの書き方によっては、一瞬見えたりする場合もあるかと思います。他の方も回答されていますが、要はJSの書き方次第です。どうしても見せたくないものがあるなら、CSSのdisplayやvisibilityなどで非表示の初期状態を作っておいて(JS実行前は要素が見えない状態)、JS実行時にCSSの値を変更すればよいかと思います。
返答ありがとうございます。
> それでもJSの書き方によっては、一瞬見えたりする場合もある
jQueryはレンダリング前に実行されるということですが、具体的にはどういった書き方の場合に一瞬見えたりするのでしょうか。
ふと思ったのですが、書き方だけでなく、端末の性能、表示の際の負荷状況なども影響するのかなと思ったのですが、どうでしょうか。
宜しくお願いします。
No.2
- 回答日時:
イベントの処理の問題ですね。
かなり極端な話、ただ書いただけだとhtmlが読まれた順に実行される訳ですから、エラーや表示の問題は多々起きます。この辺はjqueryが誕生する以前から変わってません。ブラウザがトリガーするイベントを然るべきタイミングで聞いてあげれば、表示タイミングの問題は解決出来ます。返答ありがとうございます。
> ブラウザがトリガーするイベントを然るべきタイミングで聞いてあげれば、表示タイミングの問題は解決出来ます。
どのタイミングだとOK あるいは NGなのでしょうか。具体的な処理で教えて頂けると嬉しいのですが。。。
javascriptはあまり詳しくなく、最近jQueryを触って便利だな、と感じたくらいで、よろしければ教えて頂けないでしょうか。
No.1
- 回答日時:
それは、jQueryであれJavascriptであれ、作り方の問題だと思うのですが・・・。
DOMツリーに追加するタイミングの問題だと思いますよ
途中段階が見えちゃうっていうのはwww
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript JavaScript?jQuery?で書き方を教えてください。 初心者です。 AAAという要素をステ 2 2023/08/04 22:09
- Windows 10 PCの初期化をしたのにマイクロソフトアカウントが残っている 2 2023/03/21 20:48
- Visual Basic(VBA) 複数指定セルの可視セルのみを別シートに転記するVBAについて 2 2022/05/27 21:19
- Visual Basic(VBA) エクセルのマクロで対象ごとにシート分けしてその内容をセルに書き込みたい 9 2022/08/24 13:23
- Visual Basic(VBA) VBA 参照先で選んだファイルをコピーし、出力先に別名で保存したい 8 2022/05/13 20:37
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- WordPress(ワードプレス) WordpressでYouTubeの埋め込みができない。 1 2022/10/26 01:08
- Windows 10 パソコンの起動時、画面が黒いままのトラブルにつきまして。 4 2022/10/02 18:02
- JavaScript jQueryでのレスポンシブが綺麗に動かない 3 2022/06/21 11:08
- Excel(エクセル) エクセルVBA マクロ処理中のポップアップメッセージについて 1 2023/08/04 21:34
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
以下のコードを実行しても、オ...
-
JSPの処理の途中で、JavaScript...
-
リクエスト結果が一瞬しか表示...
-
PowerPointで時計表示
-
列を非表示にするマクロが実行...
-
【JavaScript】DOMContentLoade...
-
VBA SORT Applyでエラー
-
innerHTMLなどの反映タイミング
-
VBA ステータスバー DoEvents
-
1つのVBAコードをすべてのコア...
-
〔Excel:VBA〕マクロの実行が異...
-
ラベルの色がかわってくれない
-
PDFフォームで条件つき金額を表...
-
JavaScriptでファイルの保存
-
JavaScriptで ブラウザの閉じる...
-
delete[]と、delete演算子の明...
-
VBS作動中のブラウザのmsgboxに...
-
Vba SelStart、SelLen教えてく...
-
Onclickイベントでデータをcgi...
-
VB.NET2003 テキストボックスに...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
if(1){...}とはどういうことで...
-
JSPの処理の途中で、JavaScript...
-
JavaScriptでショートカットキ...
-
以下のコードを実行しても、オ...
-
デザイン時のVisible=Falseは実...
-
C#でボタン名を変更しても動く
-
〔Excel:VBA〕マクロの実行が異...
-
VBA ステータスバー DoEvents
-
リクエスト結果が一瞬しか表示...
-
ラベルの色がかわってくれない
-
1つのVBAコードをすべてのコア...
-
VBA SORT Applyでエラー
-
初心者です。gulpでコンパイル...
-
eval()の危険性の具体例を教え...
-
列を非表示にするマクロが実行...
-
PowerPointで時計表示
-
innerHTMLなどの反映タイミング
-
JavaScriptで、実行するたび値...
-
VB.netでタイマーがスタートし...
-
alert()が実行できない
おすすめ情報
