鎖定菜單選中項（BS程式）

標籤：style   使用   strong   io   問題   html   htm   ui   

1  要求

在BS程式中通常都用需要顯示當前選中菜單要求，具體要求如 高亮菜單、用特殊顏色標示等。

實現痛點：因為html不儲存狀態，所以每次菜單的改變如何記錄這個狀態是問題的核心。

2 解決方案

我大致使用過以下幾種方式。

1. iframe（比較古老的做法）：

這種方法做法最為簡單，就是把menu菜單、菜單導向的內容分別放置在兩個頁面中（內容使用 iframe ），這樣就能簡單的實現要求了，不過介於當前反iframe的風潮，目前也不推薦用使用此種方式。

2.在頁面中設定菜單狀態

因為在點擊菜單導航後，都會指向一個頁面，那麼就可以在這個頁面直接對菜單進行反向設定，這個方案唯一的缺陷就是有些頁面同時作為多個功能表項目的指定頁時就無法滿足需求了。

3.使用session記錄菜單狀態

我在現在的項目中都會使用此種方式，把狀態儲存至session中，然後添加一個MenuFitler，用於接收改變菜單變化的參數請求（如 smenuid）