コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > href=# と href=javascript:void(0)_HTML/Xhtml_Webpage Production の違いの詳細な説明

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

WBOY
リリース： 2016-05-16 16:37:14
オリジナル
1297 人が閲覧しました

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"
関連ラベル：
href
ソース：php.cn
前の記事：Web開発の基本的な概念と技術の紹介_HTML/Xhtml_Webページ制作 次の記事：html_HTML/Xhtml_Webページ制作におけるテキストボックスにプロンプ​​ト機能を実装する様々な方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
ページのメインディスプレイに画像を表示するにはどうすればよいですか? 私がやりたいのは、NASAAPI を使用して写真を受信することです。これらの写真は、マイページのサムネイルとメインディスプレイに表示されます。コードがサムネイルから画像を取得してペ...
から 2024-04-06 15:33:12
0
1
433
Seleniumを使用してクラス内でURLをクリックして定義したい 今日はもう一つヒントが必要です。私は Python/Selenium コードを構築しようとしていますが、そのアイデアは www.thewebsiteIwantoclickon をク...
から 2024-04-04 14:14:44
0
1
3492
Web スクレイピング: href 属性がありません - Web スクレイピングのマウス クリックをシミュレートする必要がありますか? 楽しい Web スクレイピング プロジェクトのために、ttps://www.nhl.com/stats/teams から NHL データを収集したいと考えています。クリック可能な ...
から 2024-04-04 10:32:06
0
1
3473
HTML タグ <a></a> と <a href=""></a> の違いは何ですか? 一部の Web サイトでは、テキスト領域で [url]Web サイト アドレス[/url] を使用しており、そこにアンカー テキストを追加できません。誰かこれについて説明してもらえ...
から 2024-04-02 22:46:16
0
2
403
ブートストラップ 4 ドロップダウンが機能せず、修正方法がわかりません 私は HTML についてはまったくの初心者で、ドロップダウン メニューを機能させるために何時間も努力してきました。同様の問題に直面している多くの投稿を検索しましたが、まだ問題を見つ...
から 2024-04-02 18:12:59
0
1
283
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート