靜態頁面中導航切換時的當前狀態（四中方法）

阿新 • • 發佈：2018-03-26

HA 靜態頁 () ctype urn ren -- func class

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>導航當前狀態</title>
    <script src="jquery-1.8.2.min.js"></script>
</head>
<body onload="s35()">
<div ></div>

<script>
    //第一種方法：給當前頁面導航添加class
    //優點：適用於每個頁面 

    //缺點：每個也頁面都要聲明ID(secondId),頁面很多時，代碼量大
    function s35() { document.getElementById(‘dhnews‘).className = "xz"; }

    //第二種方法：給當前頁面設置ID,通過ID獲取對應的索引值。為當前頁面導航添加class
    //優點：適用於每個頁面
    //缺點：每個也頁面都要聲明ID(secondId),頁面很多時，代碼量大
    var secondId = ‘16481‘;
    $("#cbg-main-nav").find("li").eq(topBottom(secondId)).addClass("current");
     
function topBottom(secondId){
        switch(secondId){
            case ‘2613‘:
                return 0;
            case ‘2617‘:
                return 1;
            case ‘2622‘:
                return 4;
            case ‘16195‘:
                return 2;
            case ‘5712‘:
                 
return 4;
            case ‘2637‘:
                return 6;
            case ‘16481‘:
                return 3;
        }
    }

    //第三種方法：判斷當前導航鏈接與頁面鏈接
    //優點：可作為公共部分提出代碼
    //缺點：只適用於在菜單欄有入口的頁面
    $(document).ready(function(){
        $(".nav a").each(function(){
            $this = $(this);
            if($this[0].href==String(window.location)){
                $this.addClass("hover");
            }
        });
    });

    //第四種方法：判斷頁面鏈接與當前導航鏈接
    //優點：可作為公共部分提出代碼
    //缺點：只適用於在菜單欄有入口的頁面
    $(function () {
        var $SIDEBAR_MENU=$(‘#sidebar-menu‘);
        var CURRENT_URL = window.location.href.split(‘#‘)[0].split(‘?‘)[0];
        var pathName_URL = window.location.pathname.split(‘#‘)[0].split(‘?‘)[0];   //
        $SIDEBAR_MENU.find("a").filter(function(){return this.href==CURRENT_URL}).addClass("current-page");
        //處理個別不在菜單中的頁面
        if(pathName_URL=="/gov/info/findInfoList" || pathName_URL=="/gov/info/findInfoById" || pathName_URL=="/gov/standard/findList"){
            $(‘#menu-article‘).find("a").addClass("current-page");
        }else if(pathName_URL=="/gov/transportCar/toByNo"){
            $(‘#js_to_list‘).find("a").addClass("current-page");
        }
    });

</script>

<!--<div class="nav">
    <ul>
        <li><a href="1.html"> 首頁</a></li>
        <li><a href="2.html"> 個人資料</a></li>
        <li><a href="3.html"> 我的好友</a></li>
        <li><a href="4.html"> 消息管理</a></li>
    </ul>
</div>-->


</body>
</html>

HA 靜態頁 () ctype urn ren -- func class <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <

頁面中引入mui 地址選擇，點擊頁面中其他input時頁面回到頂部

color 瀏覽器 boa 頁面 bsp clipboard lin -o and 問題：在頁面中引入mui地址選擇時，點擊頁面中的input頁面會滾到頂部（谷歌瀏覽器中出現的bug），在手機上點擊input會出現跳動。開始的時候是想修改mui.min.js裏的滾動事件，但

靜態頁面中如何傳json資料

首頁傳遞引數組裝成json資料，再編碼 var param="{type:'"+type+"',text:'"+select_text+"',select_:'"+select_+"',typename:'"+typename+"'}"; window.self.location="/"+Se

html靜態頁面中執行php、asp函式程式碼

啟用伺服器端包含 1、在IIS 管理器中，展開本地計算機，右鍵單擊“網站”資料夾（在所有網站上啟用 SSI），或者右鍵單擊某個特定的網站，然後單擊“屬性”。 2、單擊“主目錄”選項卡。 3、在“應用程式設定”部分中，單擊“配置”。 4、在“對映”選項卡上，單擊“新增”。 5

處理在ViewPager中碎片切換時RecyclerView中巢狀RecyclerView內部recyclerView會自動滑動的問題

解決方法：假設被巢狀的RecyclerView例項物件為item,程式碼中加上:item.setFocusableInTouchMode(false);//設定不需要焦點補充：看別人的解決方法還多加了一行程式碼：mTestItemSuperRecyclerView.reque

靜態頁面中JS拿取本地的IP

下面是程式碼部分：在IE8下面順利執行； <script> function getLocalIPAddress(){var obj = null;var rslt = "";try{obj = new ActiveXObject("rcbdyctl.Setti

靜態頁面中出現程式碼：[if lt IE 9]

在靜態頁面中出現如下程式碼： <!--[if lt IE 9]> <script src="js/excanvas.min.js"></script> <script src="js/respond.min.js">

頁面中存在iframe時重新整理頁面的問題

近期在開發中遇到一個很奇怪的問題：HTML頁面中有個iframe，初始情況下是空的，當點選特定按鈕後iframe會載入特定頁面。但很快就發現有點問題了：當iframe載入了特定頁面後，此時只要按F5重新整理頁面，iframe仍然會顯示剛剛載入過的頁面，而不是初始化時的空頁

自動生成不同難度的數學試卷系統，並輸出到txt文件中，命名為當前時間（java）

註意點文件中技術 alt 賬號希望 http 遞歸重要前言：花了一整天時間修修補補寫完代碼，現在寫篇博客，一是希望後來的人有個參考，二是記錄下自己的所獲方便以後查閱，三是趁眾大佬還沒做，混點訪問量以前做項目都是自己做，這次是真切的體會到了為別人做事多麽麻煩，這

CSDN部落格中對博主釋出評論及博主回覆訪客時使用表情（Win10系統）

CSDN部落格中對博主釋出評論及博主回覆訪客時，沒有提供表情，但Win10系統下，預設的微軟鍵盤中有表情符號可用，Shift切換為中文輸入法，Ctrl+Shift+B彈出表情視窗，除表情符號外，還有單位，序號等更多符號可選，類似於搜狗輸入法的符號大全功能，在記事本、Word等編輯工具中也可以正常

JSP頁面使用Jquery.validate時不起作用的方法

今天在jsp頁面使用jquery.validate.js校驗表單時，始終不起作用，找了大半天終於搞定了。。 form標籤旁邊顯示Invalid location of tag，在網上查了下，還是無果，

C++中Delete時堆錯誤（Heap Corruption）的原因

最近這三四天一直在跟一個bug做鬥爭：程式在執行過程中死掉，Output視窗顯示： 1.Windows has triggered a breakpoint in ***， This may be due to a corruption of th

Ubuntu中如何切換到超級使用者（root）及在VMware虛擬機器中Linux在虛擬終端之間切換的方法

1.Ubuntu中如何切換到超級使用者（root）我們知道在其他linux作業系統中（如紅帽作業系統）普通許可權的使用者想切換到root下，只需輸入su命令，系統會提示輸入root使用者的密碼，只要我們正確輸入即可。然而在Ubuntu中我們並不清楚root的密碼是多少（還曾以為

基於JavaScript程式碼去掉H5頁面中的頭尾及廣告部分（支援 Android 和 iOS）

提出問題： APP中嵌入一個H5的網頁，但出現的廣告條或是無關頭尾，相當大煞風景，該如何去掉？分析問題： 1，加入廣告條是為了讓網站存活下去，這個普通使用者無法理解，就此點到為止吧； 2，大多H5

Android 4.0中去掉標題欄和狀態列的方法

從輸入url到頁面載入完成的過程中都發生了什麼？（針對前端）

1、輸入url地址後，瀏覽器查詢域名的IP地址，這一步涉及到DNS的解析； 2、當解析完成找到目標伺服器，瀏覽器會向web伺服器傳送一個http請求； 3、伺服器接受並處理http請求； 4、伺服器構造併發送響應報文； 5、瀏覽器接收報文開始構建html頁面； 6、瀏覽器

關於Debian中apt-get時出現NO_PUBKEY的解決方法

# vim /etc/apt/sources.list# apt-get update反饋: Get:1 http://ftp.jp.debian.org squeeze Release.gpg [1672 B] Ign http://ftp.jp.debian.org/

輸入框中輸入漢字時自動聯想相似資料方法使用小結

今天在專案中用到單位輸入時，和後臺資料庫中的若有相關的就以聯想形式提示出來，所要聯想的是與這個專案相關的另一個專案中的資料，這種情況下就是需要建立介面供其他專案來呼叫了。我實現這個功能的步驟是這樣的： 1.先在Mapper.xml中寫有關sql 語句； 2.在Mappe

Eclipse+git中merge程式碼時出現conflict（衝突）的問題解決方案

多人合作開發一個專案時，Eclipse中使用git pull更新程式碼時經常會出現conflict（衝突）的問題，主要是由於多人操作同一個檔案導致的。使用git也沒多久，今天終於摸索出一套方法可以解

objective-c 類和物件中靜態資料成員和靜態成員函式（類方法）詳解

作為初學者，相信大家都對objective-c的靜態資料成員和靜態成員函式都挺糾結的，我現在和大家分享下我對這個知識點的理解，請大家多多指點.... 如果大家學過C++，那麼都應該知道和了解靜態資料成

靜態頁面中導航切換時的當前狀態（四中方法）

相關推薦