ホームページ  >  記事  >  ウェブフロントエンド  >  href=# と href=javascript:void(0)_HTML/Xhtml_Webpage Production の違いの詳細な説明

href=# と href=javascript:void(0)_HTML/Xhtml_Webpage Production の違いの詳細な説明

WBOY
WBOYオリジナル
2016-05-16 16:37:141282ブラウズ

a href="#"> リンクをクリックすると、ページがページの先頭までスクロールします。#デフォルトのアンカーは #TOP

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


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

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

など

新しいウィンドウを開くためのいくつかの種類のリンク メソッド

1.window.open('url')
2. function

コードをコピーします
コードは次のとおりです。

<script> 🎜>関数 openWin(tag,obj) <br>{ <br>obj.target="_blank"; <br>obj .href = "Web/Substation/Substation.aspx?stationno=" タグ; click(); <br>} <br></script>
LINK_TEST 🎜>

window.location.href=""
-------------------------------------- ------------ -------------------------------------- -------
# の場合、個人コレクションに対するいくつかの解決策が存在します:
1:
2:

3: ;
4:
5: ;/span>(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 の Web ページを見ると、void(0)、:) が多く表示されます。 (0) )、このページ全体を更新する必要があるかどうかを考えるのが最善です。

JavaScript を使用する場合、通常は次のようなものを渡します。

Submit メソッドを呼び出します。このメソッドの問題の 1 つは、
リンクをクリックしてもページはジャンプしませんが、スクロール バーは false を返すことです。以下に示す:

Submit

も使用できます ###

a href="javascript:void(0)" onclick="javascript:method;return false;" を実行して
javascript:void(0) を実行してもジャンプアップしません: )

別のメソッドは #this

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