JAvascript:void(0)とjavascript:;の使い方

4522 ワード

原文接続:https://www.cnblogs.com/Qian123/p/5345697.html
一、JavaScript:void(0)
私たちはよくjavascript:void(0)というコードを使いますが、JavaScriptではjavascript:void(0)はどういう意味ですか?javascript:void(0)で最も重要なのはvoidキーワードです.voidはJavaScriptで非常に重要なキーワードです.このオペレータは、式を計算するが値を返さないことを指定します.
JavaScriptのvoidは、式を計算するが値を返さないことを指定するオペレータです.voidオペレータの使用方法は次のとおりです.
1. javascript:void (expression)
2. javascript:void expression
expressionは、計算するJavaScript標準の式です.式の外側の括弧はオプションですが、書くのは良い習慣です.voidオペレータを使用して、ハイパーリンクを指定できます.式は計算されますが、現在のドキュメントには何もロードされません.
次のコードは、ユーザーがクリックすると何も起こらないスーパーリンクを作成します.ユーザーがリンクをクリックすると、void(0)は0と計算されますが、JavaScriptでは何の効果もありません.
ここをクリックしても も こらない

すなわち、いくつかの処理を実行するが、ページ全体をリフレッシュしない場合はvoid(0)を使用することができるが、ページをrefreshする必要がある場合は注意しなければならない.
次のコードは、ユーザーがクリックするとフォームがコミットされるスーパーリンクを作成します.
フォームをここに  

実は私たちはこのようにを使うことができて、この言葉はsubmit操作を行います.では、どのような場合にvoid(0)を使うのが多いのでしょうか.リフレッシュはありません.もちろんAjaxです.Ajaxのwebページを見ると、多くのvoid(0)が見られますから、void(0)を使う前に、このページ全体をリフレッシュする必要があるかどうかを考えておいたほうがいいです.
二、ラベルのhref=「javascript:;」ラベルのhref属性は、ハイパーリンクターゲットのURLを指定するために使用され、href属性の値は、クリップ識別子およびJavaScriptコードセグメントを含む任意の有効なドキュメントの相対的または絶対的なURLであってもよい.
ここのhref="javascript:;"は、``javascript:javascript . javascript:;Aタグのクリックイベントの実行を実現することができ、ページの内容が多く、スクロールバーがある場合、ページがジャンプせず、ユーザー体験がより良い.javascript:は、デフォルト動作がトリガーされたときにJavaScriptコードが実行され、javascript:;は何も実行されないことを示し、をクリックすると何の反応もありません.javascript:;は、空の接続であることを示します.クリックしても何の反応もありません.同様に#ですが、1つの#をクリックするとページが長い場合は上部にスクロールします.javascript:;このような問題はありません.もちろん、このような効果はjavascript:;と同じです.
三、href=「#」とhref=「javascript:void(0)」の違い*#は、デフォルトのアンカーが#topすなわちウェブページの上端である位置情報を含む.javascript:void(0)は、デッドリンクを表すだけです.
ページが長い場合は#を使用してページの具体的な位置を特定します.フォーマットは# + idです.
デッドリンクを定義する場合はjavascript:void(0)を使用します.
ページを作成するとき、リンクをクリックして何もしないか、クリックに応答して他のことを完了するには、その属性href = "#"を設定することができますが、ページにスクロールバーがある場合、クリックするとページの先端に戻り、ユーザーが体験できないという問題があります.
1)リンクをクリックして何もしない
1.  1.test   
2.  2.test   
3.  3.test //  2  4 #,     "####",    "#all"      

2)リンクをクリックすると、ユーザーがカスタマイズしたクリックイベントに応答する
1.  1.test   
2.  2.ブラウザの   の  など、あらゆる  が  しました。 //      href=""   
3.  3.test  

説明:1.javascript:void(0)このような偽プロトコルは、あまり書かないほうがいいです.もしあなたがweb標準の本を読んだら、なぜか分かります.(わかりませんが、原話は抜きにして、しばらく記録します).リンク(href)直接使用javascript:void(0)IEではgifアニメーションの再生停止などの問題が発生する可能性がありますので、最も安全な方法は「###」を使用することです.リンクをクリックしてページの先頭にジャンプしないように、onclickイベントreturn falseでいいです.3.マウスを動かしたいだけで、手の形になったら、使える
1.  Click Me!   
voidjavascriptのオペレータです.式のみを実行しますが、戻り値はありません.voidオペレータの使用形式は次のとおりです.
1.  1. javascript:void (expression)   
2.  2. javascript:void expression   

プログラムスタイルを良くするためには、2番目のカッコ付きオペレータを使用して、voidなどのスーパーリンクを指定することをお勧めします.式は計算されますが、現在のドキュメントには何もロードされません.javascript:void(document.form.submit())は0と計算されますが、void(0)には何の効果もありません.つまり、JavaScriptの効果はの効果と同じです.重要なのはvoidがjavascipt自体のオペレータであることを知っていれば、式のみを実行しますが、値は返されません.
また、ページが自動的に先頭に戻るのは、のデフォルトの照準位置が"#"であるためです.
----------低調な分割線です------------------------
もしあなたに役に立つならば、“推薦”をクリックすることができます`(∩∩)’