ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLのaタグでのonclickとhrefの使い方を詳しく解説

HTMLのaタグでのonclickとhrefの使い方を詳しく解説

高洛峰
高洛峰オリジナル
2017-03-20 16:59:532882ブラウズ

クリックしてください

リンクの onclick イベントが最初に実行され、続いて href 属性 (ページ ジャンプ、または javascript 疑似リンク) の下のアクションが実行されます。 href 属性の下のアクションを実行するには、onclick は false の戻り値を取得する必要があります。信じられない場合は、goGoogle
関数return false をコメントアウトできます。ページが長すぎてスクロールバーがあり、onclickイベントを通じて操作を実行したい場合は、リンク。その href 属性は # ではなく javascript:void(0); に設定する必要があります。これにより、不必要なページ ジャンプを防ぐことができます。戻り値を持つ関数がリンクの href 属性で呼び出された場合、現在のページのコンテンツが返されます。 of は、この 関数の戻り値
に置き換えられます。Shift キーを押したときに違いが生じます。
今日遭遇した問題は、IE6.0でhref形式でparentNodeにアクセスできないことです。 A の href 属性として javascript:protocol を使用しないようにしてください。これにより、window.onbeforeunload イベントが不必要にトリガーされるだけでなく、IE で gifanimationpicture
の再生が停止する原因にもなります
以下は私が遭遇したこと:
href 属性が設定されていない場合、IE6 ではホバーが応答しません。ダブルクリックすると、ラベルの代わりにラベルの親コンテナが選択されます (この問題は IE で発生します)。 fn メソッドがあり、この要素を取得する必要があるとします。ヌル値。 そのため、より推奨される記述方法は です。 次のコードは subgo() 関数を実行します Click me ここで、javascript:void(0) には実際の関数はなく、単にデッドリンクと実行される関数があります。サブゴ()です。
クリックしてくださいクリックしてください違い。
実際、#には位置情報が含まれています。デフォルトのアンカーは#
top
で、これはWebページの先頭であり、javascript:void(0)は情報のないデッドリンクのみを表します。したがって、スクリプトを呼び出すときは void(0) を使用するのが最善です
href は通常 URL アドレスを指しますが、href="javascript:xxx();" などの JavaScript を呼び出すこともできます。ドキュメントでは次のように記述することを推奨しています。 xx ただし、この方法では時々奇妙な問題が発生します。複雑な環境では、A の href 属性として javascript:protocol を使用しないようにしてください。これにより、window.onbeforeunload イベントが不必要にトリガーされるだけでなく、IE でのアニメーション GIF 画像の再生も停止します。
リンクの onclick イベントが最初に実行され、続いて href 属性のアクション (ページ ジャンプ、または JavaScript 疑似リンク) が実行されることがわかっています。href 属性のアクションを実行したくない場合は、onclick を返す必要があります。通常、onclick は ="xxx();return false;" のように記述されます。
TabPane の JS ソース コードでは、onclick が FALSE を返さないため、IFRMAE で TABPANE を閉じると、href の実行とページの表示に問題が発生します。解決策は、TAB を使用して次のコードを JSP にコピーすることです。
------------------------------------------------- -------------------------------------------------- --------------------------------------
他の人の意見としては [IE8では、例: "javascript:;"、"javascript:void(0)"、"javascript:void(null)" はすべて拒否されました] IE8 を
インストール
していないので、結論を急ぐことはできません。
------------------------------------------------- -------------------------------------------------- --------------------------------------
実際に使用する必要がある場合application onclick イベントに応答するタグ。
その場合は、次の 3 つの方法を使用することをお勧めします
1.test 2.テスト 3.テスト -------------------------------------------------- ----------------------------------------
ハイパーリンクを表します。リンクポイントとは英語のアンカー(
anchor
)の略称です。その機能は、現在の位置にあるテキストまたは画像を他のページ、テキスト、または画像に接続することです。これはよく知られていますが、その文法構造はあまり知られていないため、効果的に使用するには、その文法構造を理解する必要があります。 タグの基本的な構文構造は次のとおりです: class=type
id=value
href=reference
name=value
rel=same|
next
|parent|previous rev =value
target=window
style=value
title=title
onclick=function

onmouseout=function
onMouseOver=function>Connection のとき、マークの文法構造からわかります。スーパーの設定 リンク時にさまざまなリンク効果を実現するために選択できるパラメータが多数あります。これは少し予想外でしょうか。 ! このうち、
class
とidオプション:は、リンクポイントの種類と割り当てられるID番号を設定するために使用されます。通常は設定されません。最も一般的に使用される 2 つのパラメータは、href と name です。 href はハイパーテキスト リファレンスの略で、リンク アドレスを設定するために使用されます。リンク アドレスは URL アドレスである必要があります。特定のパスが指定されていない場合、デフォルトのパスは現在のページのパスと同じになります。 リンク先のファイルもいくつかの状況に分けられます。HTML ファイルの場合は、現在のブラウザで直接開かれます。実行可能ファイル (.exe ファイル) の場合は、ファイルが直接実行またはダウンロードされます。この機能は、Word形式などのテキストファイルであれば、ブラウザ上で開いて編集・加工することができます。 rel: リンク関係の設定を示します。rel=same はリンク先のファイルがこのファイルと同じであることを示し、rel=next はリンク先のファイルが次のページであることを示し、rel=parent はこのファイルがrel=previous は、リンクされるファイルの親ファイルです。rel=previous は、リンクされるファイルが前のページであることを意味します。 rev: 逆リンクの設定に使用されます。
Target: フレームウィンドウを使用する場合にどのウィンドウにリンクするかを設定し、target="_bank" は新しいウィンドウを開いて Web ページを開くことを意味します。
タイトル:リンクポイントが選択されたときに表示されるタイトルを設定するために使用されます。
onclick: イベントに対応し、リンクポイントがクリックされると、このイベントがトリガーされ、対応するサブルーチンが実行されます。
onmouseover: onclick と同様に、マウスがリンクポイント上に移動すると、対応するイベントがトリガーされます。
Onmouseout: マウスが町の連絡先から出た後に、対応するイベントがトリガーされます。
いくつかの例:
ホームページに戻る
音声ファイルを再生
対応するプログラムを実行する
処理するために対応するドキュメントを開く アプリケーションスキル 1. ダウンロードファイルを提供する
ダウンロード効果を提供する方法を尋ねます。実際には、これはまだハイパーリンクですが、ダウンロード用のファイルを Web サイトにアップロードする必要があります。例: ダウンロード用の「Web ページ スキル」ファイル パッケージがあり、ファイル名は「homepagejq.zip」で、このリンクのコードは次のように記述できます。 ここをクリックして、「Web ページ スキル」ファイル パッケージをダウンロードします
2. リンク先のWebページを新しいウィンドウで開きます
「target」の値を「_blank」に設定します。例: Web ページ「aboutme.htm」を新しいウィンドウで開きます。この効果を生成するコードは次のとおりです: About me... 3. リンクにマウスを移動すると、説明テキストの行が表示されます。
この効果を得るには、「title」パラメータの値を設定します。例:「黄山の村人」というリンクにマウスを移動すると、「Webページ制作スキルを紹介するプロのWebサイトです」という説明が表示されます。このリンクのコードは次のとおりです:
Huangshan村の夫
4. マウスをリンクに移動すると、ウィンドウがポップアップします
これは、onmouseover パラメーターを設定することによって得られる効果です。例: マウスをリンク上に移動すると、ウィンドウがポップアップし、ウィンドウ内に「マウス ホバー効果のデモンストレーション!」と表示されます。このリンクのコードは次のとおりです: 。同様の方法を使用して、マウスを押すとプロンプト ウィンドウがポップアップし、マウスを離すとプロンプト ウィンドウがポップアップする効果を作成できます。
5. このページの指定されたコンテンツへのリンク
このページのコンテンツの特定の部分にリンクする(つまり「ファイル内をジャンプする」)には、パラメータ名を使用してリンクポイントの名前を指定する必要があります。テキストの一部を選択し、name パラメーターを使用して、リンクで使用する名前を付けます。いわゆる同じファイル内でのジャンプとは、読者が非常に長いファイルを読んでいるときに、コンテンツの特定の部分だけに興味がある場合は、ジャンプ読書方法を使用できることを意味します。基本的な形式は次のとおりです:
パート2パート1の内容...
.. ...................................
後半実際のコンテンツの内容....
................................................ …………
このように、「パート2」のハイパーリンクをクリックすると、自動的に「パート2の実際の内容」に遷移します。 「name」パラメータで定義されるリンクポイント名は任意に選択できますが、リンクの「href」パラメータのリンクポイント名と一致している必要があります。先頭に「#」を追加することを忘れないでください。
6. 他のページの指定したコンテンツの場所にリンクする
方法は上記の例と似ていますが、「href」パラメータのリンクポイント名の前にWebページのファイル名を追加する必要があります。例: page1.htm と page2.htm という 2 つの Web ページがあり、各ページにはコンテンツの 2 つの部分があります。リンクをクリックすると、page1.htm の 2 番目の部分に移動します。 page2.htm より優れています。次に、これを行うことができます。まず、page2.htm の 2 番目の部分の先頭に次のコードを記述します。 ; これを page1.htm のリンク コードに記述します。 ページ 2 の 2 番目の部分
7. E_mail へのリンク
ハイパーリンクをクリックすると、クライアント コンピュータ上の電子メール管理ソフトウェアが起動し、手紙を書きます。たとえば、次のコード行: メールでご連絡ください。 「書き込みをお願いします」リンクをクリックすると、メール管理ソフトウェア(OEなど)の書き込み機能が自動的に起動し、受信者のアドレスバーにメールアドレスが追加されます。
リンクはテキストをキャリアとして使用できるだけでなく、画像をキャリアとして使用することもでき、画像の特定の部分をキャリアとして使用することもでき、方法も同じであり、唯一の違いは次のとおりです。キャリア、つまりリンクの反対側の 2 つの当事者 ブラケット間の部分なので、別の例は示しません。

以上がHTMLのaタグでのonclickとhrefの使い方を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。