JAvascript:void(0)とjavascript:;の使い方
4522 ワード
原文接続:https://www.cnblogs.com/Qian123/p/5345697.html
一、JavaScript:void(0)
私たちはよく
JavaScriptのvoidは、式を計算するが値を返さないことを指定するオペレータです.voidオペレータの使用方法は次のとおりです.
次のコードは、ユーザーがクリックすると何も起こらないスーパーリンクを作成します.ユーザーがリンクをクリックすると、
すなわち、いくつかの処理を実行するが、ページ全体をリフレッシュしない場合は
次のコードは、ユーザーがクリックするとフォームがコミットされるスーパーリンクを作成します.
実は私たちはこのように
二、ラベルのhref=「javascript:;」
ここの
三、href=「#」とhref=「javascript:void(0)」の違い
ページが長い場合は
デッドリンクを定義する場合は
ページを作成するとき、リンクをクリックして何もしないか、クリックに応答して他のことを完了するには、その属性
1)リンクをクリックして何もしない
2)リンクをクリックすると、ユーザーがカスタマイズしたクリックイベントに応答する
説明:
プログラムスタイルを良くするためには、2番目のカッコ付きオペレータを使用して、
また、ページが自動的に先頭に戻るのは、
----------低調な分割線です------------------------
もしあなたに役に立つならば、“推薦”をクリックすることができます`(∩∩)’
一、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!
void
はjavascript
のオペレータです.式のみを実行しますが、戻り値はありません.void
オペレータの使用形式は次のとおりです.1. 1. javascript:void (expression)
2. 2. javascript:void expression
プログラムスタイルを良くするためには、2番目のカッコ付きオペレータを使用して、
void
などのスーパーリンクを指定することをお勧めします.式は計算されますが、現在のドキュメントには何もロードされません.javascript:void(document.form.submit())
は0と計算されますが、void(0)
には何の効果もありません.つまり、JavaScript
の効果は
の効果と同じです.重要なのはvoidがjavascipt自体のオペレータであることを知っていれば、式のみを実行しますが、値は返されません.また、ページが自動的に先頭に戻るのは、
のデフォルトの照準位置が"#"
であるためです.----------低調な分割線です------------------------
もしあなたに役に立つならば、“推薦”をクリックすることができます`(∩∩)’