| 解 説 |
ページが完全に読み込まれるまで画面に何も表示しないようにするにはbodyタグにスタイルシートで表示しないように指定します。ページが完全に読み込まれるとonLoadイベントが発生するので、document.body.style.visibility='visible'としてページ全体を表示させます。これにより一瞬にしてページが表示されるようになります。
|
| コード |
<![CDATA[
<html>
<head>
<title>ページが完全に読み込まれるまで画面を表示しない</title>
</head>
<body style="visibility:hidden" onLoad="document.body.style.visibility='visible'">
<table border="2" width="100%" height="100%" bgColor="red">
<tr><th>
<table border="2" width="90%" height="90%" bgColor="blue">
<tr><th>
<img src="image.jpg">
</th></tr>
</table>
</th></tr>
</table>
</body>
</html>
]]>
|
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View! |
ページが完全に読み込まれるまで画面を表示しない