0

ホーム、サービス、連絡先などのリンクなどのクラシックメニューを備えた静的サイトがあります。 私がやろうとしているのは、サイトのサイズを縮小することです。 したがって、リンクに複数のページ（home.html、services.htmlなど）を使用する代わりに、1ページだけを保持してから（クリックが発生したときに）コンテンツを動的に変更しようとしています。

htmlコード（サンプル）：

<a href="javascript:this.location.reload()" onClick="ContactClick();">contact</a>
<h1>old text</h1>

jsコード：

function ContactClick() {
    $('h1').html('new text to change, but it doesnt work, yay!');   
}

何かおかしなことが起こります。リンクをクリックすると、「古いテキスト」は確かに「新しいテキスト」になりますが、1秒だけです！そして、それはすぐに「古いテキスト」に戻ります！

私はこのように呼び出してみました：<a href="javascript:ContactClick();">それはうまく機能しますが、それでもクリックイベントが発生したときにページを更新する必要があります（私はサイトに色を変えるものがあります、笑）。

  1. サイトのサイズを縮小する別の方法はありますか、それとも私のアイデアは問題ありませんか？ また
  2. サイトの更新やリンクからのjsジャンクションの呼び出しなどの解決策はありますか？
4

2 に答える 2

5

Perhaps you shouldn't be reloading the page in your href.

于 2012-06-05T13:44:20.520 に答える
1

サイトのサイズを縮小する必要はありません。テキストのみを含む静的ページは小さく、最初でもほんの一瞬で読み込まれます。その後、それらはキャッシュに入れられ、即座にロードされます。

一方、すべてのテキストを1つのページに配置し、さらにJavaScriptコードを追加すると、結果は静的ページよりも小さくなりませんが、大きくなります。

さらに、javascriptが常に機能するとは限らないことを覚えておく必要があります。たとえば、多くの人はセキュリティ上の理由や刺激的な広告を避けるためにJavaScriptを無効にします。したがって、ナビゲーションはjavascriptに依存してはなりません。少なくとも、javascriptが無効になっている場合に静的ページで機能するnoscript部分が必要です。（ただし、これによりページがさらに大きくなります。）

于 2012-06-05T14:09:05.590 に答える