web-dev-qa-db-ja.com

htmlにリンクを表示させるが、代わりにjavascript関数を開く方法は?

Htmlページがあり、ユーザーが実際に 'javascipt:ajaxLoad(example.html);'に移動するときに、ユーザーが 'example.html'に移動することを示すリンクが必要です。

編集:私はstackexchangeに行き、彼らの解決策が働いた。 htmlはこれから:例:これへ:例

解決策は、javascriptが有効になっている場合、「falseを返す」ことです。ページ上のリンクへの移動をキャンセルし、javascriptをロードします。そうでない場合は、hrefのページに移動します

1

表示するコンテンツにつながる有効なリンクを含むHTMLを用意します。次に、JavaScriptを使用してブラウザーがページを表示しないようにし、Ajaxを使用して現在のページでコンテンツを表示します。

これはプログレッシブエンハンスメントと呼ばれ、JavaScriptが有効になっているかどうかにかかわらず、誰でもコンテンツを見ることができます。このコードの記述方法は、使用するJavaScriptフレームワーク(プロトタイプ、jQuery、MooToolsなど)によって異なります。ただし、疑似コードは次のようになります。

  • dOMロード時に、そのリンクにイベントモニターをアタッチします。
  • そのリンクがクリックされたら、デフォルトのイベントを停止します(ブラウザは新しいページをロードします)
  • Ajax呼び出しを行って新しいコンテンツを取得します
  • 既存のコンテンツを新しいコンテンツに置き換えます

コードのヘルプが必要な場合は、 StackOverflow にアクセスする必要があります。コーディングの質問はここで処理されます。現在の形式のこの質問は、コードを書く努力を示さないため、おそらくそこで閉じられます。したがって、独自のコードの作成を開始し、問題が発生した場合は、それまでに持っていたコードを表示するために支援を求めてください。

3
John Conde