ホームページ > ウェブフロントエンド > jsチュートリアル > javascript:void(0)の役割紹介例_基礎知識

javascript:void(0)の役割紹介例_基礎知識

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
リリース: 2016-05-16 17:18:33
オリジナル
1136 人が閲覧しました

ページを作成するときに、リンクをクリックした後に何もしない、またはクリックに応じて他の処理を完了したい場合は、その属性を href = "#" に設定できます。ただし、ページにスクロールがある場合に問題が発生します。バーをクリックすると、ページの先頭に戻ったり、設定されたアンカー ポイントにジャンプしたりするため、ユーザー エクスペリエンスが低下します。

通常の使用法は次のとおりです:

コードをコピー コードは次のとおりです:

< ;a href="javascript:void(0)">ここをクリックして効果を確認してください

ここをクリックしても実際には何も起こりません。JavaScript は次のとおりです。 void(0); form は JavaScript の疑似プロトコルであり、このリンクはどこにもジャンプしません。

javascript:void(0) を使用する主な形式は次のとおりです。
コードをコピー コードは次のとおりです:

//リンクをクリックした後は何もしません
test
test
test ほとんどは " #### "、また、"#all" およびその他の

コードをコピー コードは次のとおりです:

//リンクをクリックした後、ユーザー定義のクリック イベントに応答します
test< /a>
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート