domを使わず部分的に変更する方法

このQ&Aのポイント
  • webサイトでクリックしたときにアドレスバーのURLが変わらずにページの一部だけ切り替わる方法について教えてください。
  • ページを読み込む際に一度白い画面にならずに、特定の部分だけが切り替わる方法についてお聞きしたいです。
  • domを使わずに、ブラウザの仕様を利用してページの一部を変更する方法について教えてください。
回答を見る
  • ベストアンサー

domを使わず部分的に変更?

たまに、webサイトで何かをクリックしたときにアドレスバーに表示されているURLが変わり別ページにアクセスしているのにも関わらず、 ページの一部だけ切り替わっている用に見える(ヘッダーやフッター、サイドバーなど同じ見た目の場合)ときがあります。 いくら同じ部分があったとしても、ページを読み込むさいに、一度白い画面になってから表示されると思うのですが、あれはどうやっているのでしょうか?特別な技術ではなく、ブラウザの仕様でしょうか。 domを使って書き換えてるとしたらアドレスバーに表示されているURLが変わらないと思ったので疑問になり質問させていただきました。 なにかテクニックがあるならばヒントを下さい。よろしくお願いします。

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

  • ベストアンサー
  • notnot
  • ベストアンサー率47% (4848/10262)
回答No.1

URLが変わっているのなら、読み直しているはずです。 テキストだけのページなど、サイズ指定の無い画像とかが無ければ、HTMLを読みながらレイアウトできるので画面が高速に書き換わり必ずしもいったん白い画面にはならないと思います。

yui125132
質問者

お礼

回答していただきありがとうございます。 はやり軽量化してるだけで特別なことはしてないんですか…。 何か特殊なスクリプトでも組んでいるのかと考えすぎてしまいました。

関連するQ&A

  • ブラウザでホームページを印刷するときのヘッダー設定

    こんにちは。WINDOWSでIE5.5を使っています。 以前、ホームページをブラウザから印刷する際、 ヘッダー・フッターにそのページのURLが入ってしまうので、 ファイル/ページ設定/内のヘッダー・フッターの設定を空白にし、 URLを表示しないようにしました。 しかし、今回URLを表示させる必要が生じたので、 もう一度自動的にURLが表示されるよう、 ヘッダー・フッターに書きこまなければならないんですが、 どう書きこんで良いのかわかりません。 申し訳ございませんが、 教えていただければ大変助かります。よろしくお願いします。

  • CSSでページ下部ソースを上に表示するには?

    タイトルがわかりづらくて申し訳ございません・・・。 やりたいことを要約しますと、CSSをつかい ページの上部によく配置しているナビゲーションメニューを ページ上では上に表示したいのですが、 ソース上、すべてのページが共通ですので SEOを考えて、ソースの下に配置したいのですがどうすればいいかわかりません・・・ 現在、サイドバーはfloatをつかい、ソース内では、コンテンツの下にきております。 現在の構成と、希望の構成を書きますので、ご教授いただけると助かります! ■現在の構成 (ヘッダー) (ナビゲーションメニュー) (コンテンツ)※ブラウザでは右側 (サイドバー)※ブラウザでは左側に表示 (フッター) ■希望の構成 (ヘッダー) (コンテンツ) (サイドバー) (ナビゲーションメニュー) (フッター) ブラウザ上の表示は、同じにしたいです。

    • ベストアンサー
    • CSS
  • ヘッダ・フッタの定義

    ブラウザでヘッダ・フッタを印刷するように指定できますが、これを、HTML(Javascript・cssなど)で指定することは可能でしょうか? やりたいことは、あるHTMLを印刷したときに、ブラウザの設定がどうなっていても、フッタ(URL)を表示させたくありません。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • Movable TypeのテンプレートでIMGタグがコメント化される

    こんにちは。 MT Version 3.35 を利用していますが、なぜかエントリー・テンプレートのサイドバー部に入れている画像が表示されず、<img>タグがそのまま<!-- -->のコメントタグに置き換わってしまいます。ヘッダーやフッターには普通に画像を表示することができるのに、サイドバーだけがおかしくなってしまいます。また、ほぼ同じデザインを採用しているメインページのテンプレートでは、正常に表示が可能です。その他、ソースコードには誤りはないはずです。 いろいろと試してみたところ、その画像のURLを存在しないものに指定した場合はコメントタグにならず、通常通りに破れた紙マークが表示されるのですが、正しいURLを指定した場合のみ、<img>タグごとコメントになってしまっています。 なぜこのような事態が起こってしまうのでしょうか?? MT側で特定のパターン下ではそのように変換という仕様があるのでしょうか… どなたかお心当たりがありましたら、お力を貸していただけると助かります。

    • 締切済み
    • CSS
  • CSSをつかったHPの作成でヘッダーフッターサイドバーをいれたいのですが、どうすればいいですか?

    ホームページ作成を依頼しているのですが、CSSでヘッダー、フッター、サイドバーなどを固定化することは無理なのでしょうか? また、CSSと組み合わせてSSIなどをつかってするものなのでしょうか? 一般的に良く使われているページをつくりたいだけなのですが 対応してもらえず、困っています。 -----ヘッダー------ - - サ 本 イ ド   文 - - ----フッター------- といったようにしたいのですが、 一般的に、このようなページはどうやってつくるのか 教えてください。

  • 消してしまったヘッダーとフッターの復活方法を教えてください

    ウェブを印刷すると、下のほうに、そのURLも一緒に印刷されますよね。 それを印刷されないようにしたくて、 「ファイル」→「ページ設定」で「ヘッダー、フッター」を消してしまいました。  消してもこのときだけで、以降はまた自動的にURLが入っていると思ったのですが、「ヘッダー、フッター」のところはずっと空欄のままです。 なくても良いといえばそうなのですが、どのようにすればまた表示されるでしょうか。 よろしくお願いいたします。 

  • print()で印刷オプションを非表示にしたい

    ウェブの画面でprint()メソッドをつかって、画面を印刷させたいのですが、 印刷すると、titleタグのページタイトルがヘッダに表示され、画面のURLがフッタに表示されてしまいます。これを非表示にしたいのです。 このヘッダとフッタを非表示にするには、print()メソッドで印刷ダイアログをたちあげたあと、 (Windows7であれば)印刷オプションで「ヘッダフッタ」のチェックをはずせば、 非表示できるのですが、Javascript側でコントロールして、ヘッダフッタを自動的に非表示にさせることはできないのでしょうか?

  • ワードのページ数などで

    最初が表紙で次頁から1ページで全51ページまであるワード文書のページの付け方とヘッダーフッターについて教えてください。 P17までは正しく記載されているのですが、P18からがおかしくなっています。 具体的には次のように記載されています。 P16 ヘッダーセクション6 「555555」    フッターセクション6 「999999」    ページ表示        16 P17 ヘッダーセクション7 「555555」    フッターセクション7    ページ表示        17 ここまでは正しい表示です。 以降がおかしい表示です。 P18 1ページ目のヘッダーセクション9 「空白」    1ページ目のフッターセクション9 「999999」     ページ表示        17 P19 ヘッダーセクション9 「555555」    フッターセクション9 「空白」    ページ表示      「空白」 P19~P49まではすべてP19と同じ P50 1ページ目のヘッダーーセクション10 「空白」    1ページ目のフッターセクション10 「999999」    ページ表示 0 P51 フッターセクション10 ページ表示 51 まずP18ですが、ヘッダーに書かれている文字はP17とおなじ「555555」にし、 フッターには何も記載されない「空白」にし、ページ表示は18にしたいです。 P19からP49まではヘッダー、フッターはこのままでよいので、ページがちゃんと表示されるようにしたいです。 P50は ヘッダー、フッターは何も記載しない「空白」にし、ページがちゃんと表示されるようにしたいです。 P51はこのままでよいです。 以上の修正方法をwood2007と2003で教えていただけないでしょうか。 お手数をおかけしますが、宜しくお願いします。

  • Web印刷時にURL、ページは表示、日付は非表示

    ブラウザでWebページを印刷する際に、IEであった印刷設定のようにヘッダーやフッターの表示項目や表示位置を自分で選びたいのですが、何か方法はありますか? 具体的には、URL と ページ数は印刷したいのですが、日付は印刷したくないときと、日付とページ数を印刷したいけどURLは不要なときがあります。 Edge も Chrome もFireFox も試したのですが、表示するかしないかしか選べないように思います。 何かいい方法をご存じであれば教えてください。

  • webページのヘッダやフッタを印刷しない

    webアプリケーションで封筒を印刷するフォーマットを作成しています。 webページを印刷する際、ヘッダやフッタ(URLや日付)を 印刷しないようにする方法はありますか? ブラウザのオプション等を修正するのではなく、 javascriptなどを使って、このwebアプリで印刷するときだけ ヘッダやフッタが印刷されないようにしたいです。 ご教授お願いいたします!