リロードせずにHPの表示を変える

質問

JavaScript超初心者です。

リロードせずにHPの表示を変えるのはどのようにすれば行えるのでしょうか？

例えば、下記のAppleのホームページでは * 概要 * スペック比較 * ギャラリー * 製品保証規定、のところをクリックするとリロードする事なくHP内容が切り替わります。
http://store.apple.com/jp/browse/home/shop_mac/family/mac_mini?mco=MTI5MTI
AppleのHPに限らずこのようなHPをたびたび見かけますが、方法が知りたく質問書き込みさせていただきました。

このようなHPの作り方やその方法が解説されているサイトなどご存じありましたら、書き込みをいただけたらと思います。
よろしくお願いします。

回答No.1

yambejp · ベストアンサー

大きく２つやり方が考えられます。

(1)かくしておいて、あとから表示する
(2)必要に応じて読み込んで表示する。

(1)はスタイルシートのdisplayをnoneにしておくか、visibilityをhiddenに
しておいて、何かをクリックしたときなどに見せるようにします。

(2)はajaxという仕組みをつかいますが、まだ理解できる段階に
ないかもしれません。
すこし学習してからトライなさることをお勧めします

お礼

書き込みありがとうございました。

時々目にするajaxなどをおぼえないと無理なのですね。
なんだか、phpやperlやらjavaScriptといろいろ勉強してきましたが、なんだか何をどう勉強して行けばいいのか、ここのところさっぱりわからなくなりました。

ありがとうございました。

回答No.2

annyG

ソースを見るのが一番早道だと思います。