ホームページ > ウェブフロントエンド > htmlチュートリアル > href=# と href=javascript:void(0) の違い

href=# と href=javascript:void(0) の違い

高洛峰
リリース: 2017-03-01 14:37:22
オリジナル
1479 人が閲覧しました

a href=# リンクをクリックすると、ページはページの先頭までスクロールします。 # デフォルトのアンカーポイントは #TOP, javascript:void(0) です。リンクをクリックした後、ページは移動しません。リンクが開きます。詳細については、この記事を参照してください。 a href="#"> リンクをクリックすると、ページが上部までスクロールします。 #デフォルトのアンカー ポイントは #TOP です

リンクをクリックしてもページは移動せず、リンクのみが開きます

上記と同じですが、ブラウザが異なると違いが生じます。

リンクをクリックした後、ページをページの先頭までスクロールしたくない場合は、href="#" の代わりに href="javascript:void(0)" を使用すると同様の効果があります

href="#"とhref="javascript:void(0)"の違いを詳しく説明

"#"には位置情報が含まれます
デフォルトのアンカーポイントは#topでWebページの先頭になります
そして、javascript:void(0) はデッドリンクのみを表します
これが、時々ページが非常に長く、閲覧リンクが明らかに # であるにもかかわらず、ページの先頭にジャンプする理由です
しかし、javascript:void(0) はデッドリンクではありませんcase
そのため、スクリプトを呼び出すときは void(0) を使用するのが最善です
または

など

新しいウィンドウのリンクを開くいくつかの方法

1.window.open(' url')
2. カスタム関数を使用します

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

<script> 
function openWin(tag,obj) 
{ 
obj.target="_blank"; 
obj.href = "Web/Substation/Substation.aspx?stationno="+tag; 
obj.click(); 
} 
</script> 
<a href="javascript:void(0)" onclick="openWin(3,this)">LINK_TEST</a> 

window.location.href=""
ログイン後にコピー

------ ----------------------- -----------------------------------------------------
# の場合、個人コレクション用のいくつかの解決策が表示されます:
1:
javascript:void(0)">
3:
4:
5:(FFでは表示できないようです)
----- ------------------------- ------------------------ ------------------------
JavaScript の使用には注意してください:void (0)

今日 CGI をデバッグしていたら、CGI プログラムがが実行され、最終結果は正しくなりましたが、ページが更新されませんでした。 FireFox2.0 でテストしたところ、結果は正常でしたが、IE6 では更新されませんでした。慎重に調査した結果、CGI ページのリンクは であり、問​​題があることがわかりました。は、この void(0) にあります! まず JavaScript の void(0) の意味を見てみましょう: JavaScript の
void は、式を計算するが、値を返すことを指定する演算子です。

void 演算子の使用形式は次のとおりです:

1. javascript:void (expression_r_r)
2. javascript:voidexpression_r_r

expression_r_r は評価される JavaScript の標準式です。式の外側の括弧はオプションですが、括弧を記述することをお勧めします。 void 演算子を使用してハイパーリンクを指定できます。式は評価されますが、現在のドキュメントには何もロードされません。上記のコードは、ユーザーがクリックしても何も行わないハイパーリンクを作成します。ユーザーがリンクをクリックすると、 void(0) は 0 と評価されますが、JavaScript には影響しません。
ここをクリックしても何も起こりません
つまり、特定の処理を実行したいが、ページ全体を更新しない場合は、 void(0) を使用することもできますが、ページを更新する必要がある場合は注意が必要です。
実際、 を使用すると、この文は送信操作を実行します。では、void(0) はどのような状況でより頻繁に使用されるのでしょうか? 更新がなければ、もちろん Ajax です。Ajax の Web ページを見ると、一般に void(0)、:) が多く表示されます。 (0) )、このページ全体を更新する必要があるかどうかを考えるのが最善です。

JavaScript を使用する場合、通常、次のような方法で疑似リンクを介して JavaScript メソッドを呼び出します。

Submit 1 つ問題があります。このメソッドは次のとおりです。
リンクをクリックしてもページはジャンプしませんが、解決策は以下に示すように false を返すことです:

送信 ###

a href="javascript:void(0)" onclick="javascript:method ;return false;" を使用することもできます。
javascript:void(0) とジャンプしません:)

別のメソッドは #this です

a href="#this" onclick="javascript:method"


詳細href=# と href=javascript:void(0) については、PHP 中国語 Web サイトに注意してください。

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