ホームページ > 記事 > ウェブフロントエンド > HTMLの空のリンクhref="#"とhref="javascript:void(0)"の違い
HTMLの空のリンクhref="#"とhref="javascript:void(0)"の違い
- 不言オリジナル
- 2018-05-08 14:47:482271ブラウズ
違いは、ページの先頭にジャンプすることです。ユーザーエクスペリエンスを向上させるには、 void(0) を使用することをお勧めします。
# には位置情報が含まれます
デフォルトのアンカーは #top で、Web ページの上部です
そして javascript:void(0) はデッドリンクのみを表します
これが、ページが非常に長くなり、閲覧リンクが明らかに #but はページの先頭にジャンプします
しかし、javascript:void(0) は当てはまりません
そのため、スクリプトを呼び出すときは void(0) を使用するのが最善です
次の例を使用してテストできます:
コード
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> </head> <body> 这里是页首..... <p> </p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <a href="#">这是会跳到页首的</a> <a href="javascript:void(0)">这个不会跳动</a> </body> </html>
ヒント: 最初に部分を変更できますコードを再度実行します
以上がHTMLの空のリンクhref="#"とhref="javascript:void(0)"の違いの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。