htmlハイパーリンクaのクリックイベントの後、hrefで指定されたアドレスにジャンプします。

htmlハイパーリンクaのクリックイベントの後、hrefで指定されたアドレスにジャンプします。
場合によっては、ジャンプを完了するために href の代わりにハイパーリンク <a> を使用する必要がありますが、代わりに次のメソッドを使用します: <a href="#" onClick="fun()"></a>。こうすることで、ページがジャンプしなくなります。しかし、ページタイトルが「#」になったり、ページにスクロールバーが表示されたりするなど、いくつかのマイナスの問題も発生します。これは、onClick イベントが実行された後、<a> が href で指定されたアドレスにジャンプし、「#」がアンカー ポイントであり、デフォルトで Web ページの先頭に設定されるために、上記の問題が発生するためです。

解決策は2つあります。

1. onClick イベントに return false ステートメントを追加します。例:

<a href="#" onClick="fun(); return false;">クリック</a>

2. # の代わりに void(0) を使用します。例:

<a href="javascript:void(0)" onclick="fun()">クリック</a>

<<:  CSS3 のフィルタプロパティの使用に関する詳細な説明

>>:  MySQLシリーズ15 MySQL共通設定とパフォーマンスストレステスト

推薦する

Nodeはバックエンドの実装手順を素早く構築します

1. まず、node、express、express-generator をインストールします (4...

Tomcat10 Catalinaのログの文字化けの問題を解決する

実行環境、Idea2020バージョン、Tomcat10、実行時にTomcat CatalinaLog...

MySQL データベース テーブルのパーティション分割に関する考慮事項 [推奨]

テーブル パーティショニングは、データベース パーティショニングとは異なります。では、テーブル パー...

Dockerコンテナレイヤーの概念の詳細な説明

目次01 コンテナの一貫性02 レイヤーの概念03 レイヤードデザインの利点今日はコンテナ レイヤー...

サラウンドリフレクションロード効果を実現するHTML+CSS

この記事では、主に html + css を使用してサラウンド リフレクション ローディング エフェ...

Navicat は CSV データを MySQL にインポートします

この記事では、Navicatを使用してcsvデータをmysqlにインポートする方法を参考までに紹介し...

Html/Css (初心者が最初に読むべきガイド)

1. Web標準の意味を理解する - なぜWeb標準を採用するのか***** コンテンツとスタイル...

Vue大画面表示適応方法

この記事では、vueの大画面表示適応の具体的なコードを参考までに紹介します。具体的な内容は以下のとお...

自動ヘルスレポートを実現するDocker+Selenium方式

この記事では、ある大学の健康報告システムを例に、Web 側の自動化操作を完成させます。使用したテクノ...

IDEA の Docker プラグインを介して SpringBoot プロジェクトをデプロイするプロセスの詳細な説明

1. Dockerリモート接続ポートを設定するサーバー上の docker.service ファイルを...

MySQL全文インデックスを使用して検索エンジンのサンプルコードの簡易版を実現する

序文全文インデックスを使用できるのは Innodb と MyISAM ストレージ エンジンのみです ...

Hyper-V の紹介とインストールと使用 (詳細な図解)

はじめに:IT 業界の巨人である Microsoft 独自の仮想化技術は、VMware や Citr...

tbodyタグの魔法はテーブルコンテンツの表示を高速化します

他の人のウェブページを保存して見たことがあると思いますが、特にdwで開くと、多くのウェブページに&l...

Deepin で virtualenv をインストールして使用するチュートリアル

virtualenv は、分離された Python 仮想環境を作成するためのツールです。独立したディ...

WeChatアプレットがジグソーパズルゲームを実装

この記事では、WeChatアプレットでジグソーパズルゲームを実装するための具体的なコードを参考までに...