ホームページ  >  記事  >  ウェブフロントエンド  >  href=# と href=javascript:void(0) の違い

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

高洛峰
高洛峰オリジナル
2017-03-01 14:37:221388ブラウズ

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

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

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

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

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

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

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

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: b82bbe4c38fdda7f9137fd4d97c134b8 javascript:void(0)">5db79b134e9f6b82c0b36e0489ee08ed
3:f9d31a7fa475732dcec52c62d8fe18975db79b134e9f6b82c0b36e0489ee08ed
4:fccef762165841591bd0e011eefbaed85db79b134e9f6b82c0b36e0489ee08ed
5:408a70a02d984f10ced1ba6e3eb4b48f(FFでは表示できないようです)
----- ------------------------- ------------------------ ------------------------
JavaScript の使用には注意してください:void (0)

今日 CGI をデバッグしていたら、CGI プログラムがが実行され、最終結果は正しくなりましたが、ページが更新されませんでした。 FireFox2.0 でテストしたところ、結果は正常でしたが、IE6 では更新されませんでした。慎重に調査した結果、CGI ページのリンクは 548da03febfc62aacbe3479d7d01cd5f であり、問​​題があることがわかりました。は、この 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 には影響しません。
0408054196e655f677973fb4d7c99865ここをクリックしても何も起こりません5db79b134e9f6b82c0b36e0489ee08ed
つまり、特定の処理を実行したいが、ページ全体を更新しない場合は、 void(0) を使用することもできますが、ページを更新する必要がある場合は注意が必要です。
実際、870cd383f150d4ad83c7c7790d241cd0 を使用すると、この文は送信操作を実行します。では、void(0) はどのような状況でより頻繁に使用されるのでしょうか? 更新がなければ、もちろん Ajax です。Ajax の Web ページを見ると、一般に void(0)、:) が多く表示されます。 (0) )、このページ全体を更新する必要があるかどうかを考えるのが最善です。

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

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

3c6641d7cf06c0138a9e84ff7bc57d5f送信5db79b134e9f6b82c0b36e0489ee08ed ###

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 サイトに注意してください。

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