HTMLの空のリンクhref='#'とhref='javascript:void(0)'の違い-htmlチュートリアル-php.cn

ホームページ

ウェブフロントエンド

htmlチュートリアル

HTMLの空のリンクhref='#'とhref='javascript:void(0)'の違い

不言

May 08, 2018 pm 02:47 PM

href html quot

違いは、ページの先頭にジャンプすることです。ユーザーエクスペリエンスを向上させるには、 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 までご連絡ください。