在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 如圖效果怎么實現(xiàn)

如圖效果怎么實現(xiàn)

圖片描述

圖片描述

1.這種效果怎么實現(xiàn)?
2.跳轉頁面后,他怎么判斷選項選中的?
我的想法 js 獲得當前url 哪個鏈接url相同則選擇

回答
編輯回答
舊螢火

你的想法是對的,這也是最簡單的處理方式,

const { pathname } = location;

url上獲取到pathname,即com后面的那一段,剛好和下面的鏈接href值是相同的,遍歷所有區(qū)域下的a鏈接,

if (aTag.href === pathname) { 
    aTag.className = 'on'; 
}
2018年8月6日 00:39
編輯回答
青瓷

剛剛去看了下他家的網(wǎng)站,我的第一判斷就是他的這種效果并非前端實現(xiàn),而是服務端實現(xiàn)的,驗證的方式很簡單
將瀏覽器的js給禁止掉,你會發(fā)現(xiàn)效果不會消失,這說明在html在被輸出到頁面的時候,對應的item就已經(jīng)被選中了,為了再次驗證,查看源代碼(如果是通過js添加上去的,右擊查看源代碼是看不到的)
源代碼截圖

結論:

  1. 改效果后端實現(xiàn)
  2. 類似這種網(wǎng)站都會做靜態(tài)話處理,主要是為了seo和響應速度
  3. 后端通過restful風格進行參數(shù)接收,如果是java實現(xiàn),后端的接口定義可能如下:

     @RequestMapping(value = '/ershoufang/{location}', method = RequestMethod.GET)
2018年8月9日 22:18
編輯回答
萌吟

在URI中有很多信息啊

2017年4月28日 16:57
編輯回答
久不遇

記錄上次選中的值(方式:參數(shù)、sesstionStragegy等),跳轉頁面后讀取記錄顯示就好了,還有什么??

2017年11月22日 23:49