location.hrefでページ切替時の白画面を解消する方法

2010/11/02 17:43

このQ&Aのポイント

location.hrefでページ切替時に白画面が表示される問題について、解消方法を探しています。
上下フレーム構成のWEBページで、上フレームのボタンを押下して下フレームの表示を切り替えていますが、切り替えの際に一瞬だけ白い画面が表示されます。
この白い画面を非表示にする方法を知りたいです。イントラネット内での使用を想定しており、推奨ブラウザはIE6～です。

hinako913
お礼率70% (7/10)

JavaScript
回答数2
ありがとう数2

みんなの回答 （2）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

fujillin
ベストアンサー率61% (1594/2576)

2010/11/02 19:16 回答No.1

未検証のアイデアのみですが… ◇フレームのままで行うなら… 全体の構成に、読み込み用のフレーム（非表示）を用意しておいて、そちらに読込みんで、ロード完了後にフレームの表示位置を入れ替える。（片方の高さを0、display:noneにし、もう片方は反対に）ボーダーを可変にしてあると、ユーザが掴めちゃうのでどうするかとかいろいろ工夫の余地はありそうだけど… あと、IEはonloadが正しくないとかいうのもあったような… （フレームでも同様かどうかは調べていません）　http://www.keyframe.co.jp/blog/archives/418 ◇一端キャッシュさせればＯＫであるなら… フレーム操作のような面倒なことをしなくても、上フレームの表示画面外にインナーフレームでも用意しておいて、一度対象ページを読み込んでから改めて当該フレームに読み込ませる。（キャッシュされているから速い） ◇もっと大胆に、別ウインドウを自分の下（見えないように）に新しい構成で表示させてから、自分を閉じる… と思ったけれど、自分を閉じる時にアラームが出てしまうのと、別ウインドウを開いてフォーカスを移すと、一瞬フリッカーがおきちゃうみたいなのでダメでした。 ◇あるいは、今風にajaxでロードして内容を入れ替えるとか重たい画像とかがあったりすると、レイアウトに時間がのかかるのかも… （よくわからんが、少なくとも白い画面は出なくてもすむでしょう） ◇他に思いつくのは… ＞（画面の点滅が目に優しくないとか。。。）白い画面って「about:blank」の時と同じ背景色ではなかろうかと想像しますが、クライアント側のデフォルト背景色をグレーなどに設定しちゃうとか… クライアント全部に設定しないとならないので面倒なのと、背景色の指定のないページをみるとグレーの背景になっちゃうけど… ということで、こりゃ無理かな？

その他の回答 (1)

23468
ベストアンサー率66% (6/9)

2010/11/11 12:59 回答No.2

「一瞬だけ読み込み中のための真っ白な画面が表示される」ってことは、それなりに重いページなのでしょうから、その重さを解消するように読み込まれる側のページの処理を最適化するのがベターですが… 質問内容に真面目に答えるなら、おすすめはajax（httpRequest）ですね。参考URL張っておきます。あとは、逆転の発想で、「一瞬だけ」真っ白な画面が表示されるのがよくないなら、 2秒ぐらい真っ白な画面のまま待たせるのもありかも。読み込まれる側のページの最初に何かしらそういうスクリプトを書いて（すべての要素をdisplay:none にするcssを適用させるとか、画面大の真っ白なblock要素をabsoluteで最前面に置くとか）、 setTimeoutで取り除くというのはどうでしょ？