html - 请问用Nodejs怎么制作导航点击变色功能？

Question

最近在学习nodejs制作一个简单的个人网站，模版用的ejs，但是有一个疑问，就是页面公用的导航栏，怎么实现点击跳转后当前栏目变色呢？
请求各位老司机提供一下思路，可能是新手，还没转换过来思维，麻烦解答。谢谢各位！

Answer 1

たとえば、私が使用する EJS テンプレート:

リーリー

クラス内のメソッドを呼び出し、リンク アドレスを渡します。目的は、active などのカスタム選択効果を現在のクラスに追加することです。

app.js 内:

リーリー

common.js:

リーリー

Answer 2

css クラスで解決できます。css で現在のクラスを作成します

リーリー

ジャンプをクリックした後、変更する列のクラス名を current に設定します

Answer 3

アイデアをください。ナビゲーション バーの初期化関数にパラメーターを渡し、このパラメーターで他のメニューを区別することができます。そのメニューの色を変更します

リーリー

Answer 4

CSSを設定するためにパラメータを渡すことも考えましたが、同様の機能を備えたWebサイトのURLでこのパラメータを見たことがありません。

おそらく COOKIE を使用できます。ナビゲーション リンクをクリックすると、その列に COOKIE 値が設定され、この値に基づいてナビゲーション バーの現在の列リンクが強調表示されます。

まだ洗練されていないように感じますが、他の方法を待ちます。

Answer 5

これはブレッドクラム関数と呼ばれ、antd には同様のコンポーネント https://ant.design/components...