No.1ベストアンサー
- 回答日時:
ロードが完了して発生するイベントにonloadがあります。
方針としては、最初「now loading」のみを表示し、に元々のページ全体を非表示にしておいてonloadイベントで表示させます。
以下のコードを参考にしてみてください。
------------------------------------------------------------
<html>
<head>
<script type="text/javascript">
window.onload = function() {
document.getElementById('gg0').style.display = 'none';
document.getElementById('gg').style.display = 'block';
}
</script>
<style type="text/css">
#gg {
display: none;
}
</style>
</head>
<body>
<div id="gg0" style="text-align: center">now loading</div>
<div id="gg">
本体
<hr />
<img src='1.jpg' />
</div>
</body>
</html>
------------------------------------------------------------
以下は、このサンプルページでも確認できるよう、ロードが完了後2秒してから表示をしています。
------------------------------------------------------------
<html>
<head>
<script type="text/javascript">
window.onload = function() {
setTimeout("show()",2000);
}
function show() {
document.getElementById('gg0').style.display = 'none';
document.getElementById('gg').style.display = 'block';
}
</script>
<style type="text/css">
#gg {
display: none;
}
</style>
</head>
<body>
<div id="gg0" style="text-align: center">now loading</div>
<div id="gg">
本体
<hr />
<img src='1.jpg' />
</div>
</body>
</html>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PHP phpでcookieがうまく保存されない 2 2023/08/02 16:40
- ホームページ作成・プログラミング メールフォームで送信すると「通信に失敗しました。ページの再読み込みを...」で送信できません。 2 2023/05/26 18:11
- iPhone(アイフォーン) au→docomoのahamoへ キャリアメール引き継ぎたいです。 myauからアドレス持ち運びサー 1 2023/06/03 10:53
- Access(アクセス) エクセルのVBAについて教えてください。 4 2023/01/21 10:21
- 英語 提示文の仮定法が、時制の影響を受けていない理由について 10 2022/05/21 15:21
- その他(動画サービス) 海外のポルノ動画をみていて「お好みに」入れて置くと画面により「待機・ページ終了」表示で動かなくなる 1 2022/12/30 19:37
- Windows 10 windows10のクリーンインストールが完了出来ない 2 2022/06/04 13:33
- PHP PHPで入力フォームでデータを確認表示画面まで送る流れを日本語で理解したいのです。 1 2023/05/29 19:12
- その他(ブラウザ) IE・edgeで日増しに観られるサイトが減ってくる。 1 2022/10/04 22:40
- その他(ソフトウェア) 先日からDigiBestTVで「デバイスなし」と表示され、TVを見れなくなりました。 2 2023/01/07 15:36
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
bodyにidをつける理由は何ですか?
-
ホームページ上に『位置固定』...
-
(Javascript)印刷するファイル...
-
リンクをクリックすると文字が...
-
擬似フレーム
-
iframeのsrcにページ内リンク(...
-
h1にmarginを指定すると一瞬カ...
-
ページの読み込みが完了してか...
-
<p>で<td>のように枠を表示させ...
-
<a href="#" …>の意味を教えて...
-
別ファイルのfunctionの読み込み方
-
JavaScriptからVBScriptの呼び...
-
<script>...</script> 要素の内
-
GIFアニメの動きが止まってしま...
-
相対パスと絶対パスの速度
-
SCRIPT5007: 未定義または NULL...
-
javascript外部読み込みの際の引数
-
cssにjavascriptを入れる?呼び...
-
pythonのWebスクレイピングでfi...
-
html メールリンクにて自動ファ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
bodyにidをつける理由は何ですか?
-
テキストボックス内にハイパー...
-
(Javascript)印刷するファイル...
-
ハイパーリンクに下線を表示す...
-
別ページのページ内リンクでの...
-
横スクロールを右から左へ・・・
-
bodyにwidth:100%をつける理由は?
-
ボタンが押されたらWebページの...
-
テーブル内の数値を自動で計算...
-
"mailtoでメールの【氏名】【性...
-
ページの読み込みが完了してか...
-
テキストをクリックすると答え...
-
インラインフレーム内のスクロ...
-
<body id=~>の用途は?
-
複数のiframeの読み込みについて
-
Chromeがiframe内の「#~」に釣...
-
-css- ページオープン時やリロ...
-
ページによって表示位置がずれ...
-
<HR>タグでつくる四角形につい...
-
リンクをクリックすると文字が...
おすすめ情報