frost-navigation/assets/js/nav-index.js

/* ---- */
/* 变量 */
/* ---- */

// Slinky 插件的设置 //
var SlinkyOption = {
    title: true,
    speed: 200
};

var ListID = "#list_";                                                         // 列表 ID 前缀
var ListCount = 0;
var ListCountMax = 17;                                                         // 列表总数
var FullsSreenText = document.querySelector(".fullscreen-text");               // 全屏文字

// main 中的 A 标签的对象的集合（链接列表）//
var LinkList = document.querySelectorAll("main a");

// 查找面板 //
var SearchMode = 1;
var SearchPanel = document.querySelector(".search-panel");                     // 查找面板
var SearchInput = document.querySelector(".search-input");                     // 查找输入框
var SearchResultTitle = document.querySelector("#search-result-title");        // 查找结果（标题）
var SearchResultLink = document.querySelector("#search-result-link");          // 查找结果（链接）
var SearchResultItem = "";

// 搜索引擎 //
var SearchEngineBaidu = document.querySelector("#search-engine-baidu");        // 百度
var SearchEngineBing = document.querySelector("#search-engine-bing");          // Bing
var SearchEngineGoogle = document.querySelector("#search-engine-google");      // Google
var SearchEnginebilibili = document.querySelector("#search-engine-bilibili");  // bilibili

// 工具面板 //
var ToolPanel = document.querySelector(".tool-panel");   


/* ---- */
/* 函数 */
/* ---- */

// 查找字符 tChar 在 str 中第 num 次出现的位置 //
function findChar(str, tChar, num) {
    var charPos = str.indexOf(tChar);
    num = num - 1;
    if (num > 0) {
        for (var i = 0; i < num; i++) {
            charPos = str.indexOf(tChar, charPos + 1);
        }
    }
    return charPos;
}

/* 链接列表 */

// 设置 target = "_blank" //
function setTarget() {
    for (var i = 0; i < LinkList.length; i++) {
        if (LinkList[i].href.endsWith("#") == false) {
            LinkList[i].target = "_blank";
            /* 自动加图标（暂不使用）
            var slashPos = findChar(LinkList[i].href, '/', 3);
            getFavicon = "https://www.google.cn/s2/favicons?domain=" + LinkList[i].href.substring(0, slashPos);
            var imgTag = "<img src='" + getFavicon + "' />";
            LinkList[i].insertAdjacentHTML("beforeBegin", imgTag);
            */
        }
    }
}

// 显示列表 //
function displayList() {
    document.querySelector("main").style.opacity = "1";
    FullsSreenText.style.opacity = "0";
    setTimeout(function () {
        document.querySelector(".fullscreen-text").style.display = "none";
    }, 1000);
}

// 加载列表 //
function loadList() {
    ListCount = ListCount + 1;
    ListID = "#list_" + ListCount;
    $(ListID).slinky(SlinkyOption);
    FullsSreenText.innerHTML = "已加载 " + ListCount + " 个分类";              // 全屏文字
    // 加载完毕 //
    if (ListCount == ListCountMax) {
        clearInterval(I_LoadList);                                             // 停止定时执行
        FullsSreenText.innerHTML = "加载完毕";                                 // 全屏文字
        setTarget();                                                           // 设置 target
        displayList();                                                         // 显示列表
    }
}
var I_LoadList = setInterval("loadList()", 100);                               // 加载列表，间隔 100 毫秒

/* 链接查找 */

function searchLink() {
    var LinkListCount = LinkList.length;                                       // 循环次数
    var SearchWord = SearchInput.value.toLowerCase();                          // 查找关键词
    if (SearchMode == 1 && SearchWord != "") {
        SearchResultTitle.innerHTML = "";                                      // 清空查找结果（标题）
        SearchResultLink.innerHTML = "";                                       // 清空查找结果（链接）
        for (var i = 0; i < LinkListCount; i++) {
            // 排除 href 是 # 的元素 //
            if (LinkList[i].href.endsWith("#") == false) {
                // 匹配关键词 //
                if (LinkList[i].innerHTML.toLowerCase().indexOf(SearchWord) != -1) {
                    // 匹配标题 //
                    SearchResultItem = LinkList[i].cloneNode(true);
                    SearchResultTitle.appendChild(SearchResultItem);           // 复制元素
                } else if (LinkList[i].href.indexOf(SearchWord) != -1) {
                    // 匹配链接 //
                    SearchResultItem = LinkList[i].cloneNode(true);
                    SearchResultLink.appendChild(SearchResultItem);            // 复制元素
                }
            }
        }
    } else if (SearchMode == 1 && SearchWord == "") {
        SearchResultTitle.innerHTML = "";
        SearchResultLink.innerHTML = "未输入关键词";
    } else if (SearchMode == 2) {
        SearchInput.value = "";                                                // 清空输入框
        SearchResultTitle.innerHTML = "";                                      // 清空查找结果（标题）
        SearchResultLink.innerHTML = "";                                       // 清空查找结果（链接）
        SearchPanel.style.visibility = "hidden";                               // 隐藏查找面板
    } else {
        SearchResultTitle.innerHTML = "";
        SearchResultLink.innerHTML = "异常";
    }
}

/* 搜索引擎 */

// 搜索 //
function searchWeb() {
    var GetSearchWord = document.querySelector("#search-engine-input");        // 关键词输入框
    var SearchWord = GetSearchWord.value;                                      // 关键词
    if (SearchEngineBaidu.checked == true) {
        window.open("https://www.baidu.com/s?ie=UTF-8&wd=" + SearchWord);
    } else if (SearchEngineBing.checked == true) {
        window.open("https://cn.bing.com/search?q=" + SearchWord);
    } else if (SearchEngineGoogle.checked == true) {
        window.open("https://www.google.com/search?q=" + SearchWord);
    } else if (SearchEnginebilibili.checked == true) {
        window.open("https://search.bilibili.com/all" + "?keyword=" + SearchWord);
    } else {
        GetSearchWord.value = "搜索引擎选择有误！"
    }
}

// 储存当前搜索引擎 //
function setSearchEngine(Name) {
    switch (Name)
    {
        case "baidu":
            localStorage.setItem("SearchEngine", "baidu");
            break;
        case "bing":
            localStorage.setItem("SearchEngine", "bing");
            break;
        case "google":
            localStorage.setItem("SearchEngine", "google");
            break;
        case "bilibili":
            localStorage.setItem("SearchEngine", "bilibili");
            break;
        default:
            break;
    }
}

// 设置当前搜索引擎 //
function getSearchEngine() {
    var SearchEngine = localStorage.getItem("SearchEngine");
    switch (SearchEngine){
        case "baidu":
            SearchEngineBaidu.checked = true;
            break;
        case "bing":
            SearchEngineBing.checked = true;
            break;
        case "google":
            SearchEngineGoogle.checked = true;
            break;
        case "bilibili":
            SearchEnginebilibili.checked = true;
            break;
        default:
            break;
    }
}
getSearchEngine();

/* 工具面板 */

// 显示 //
function showToolPanel() {
    ToolPanel.style.display = "block";
}

// 关闭 //
function closeToolPanel() {
    ToolPanel.style.bottom = "-110%";
    ToolPanel.style.opacity = "0";
    setTimeout(function () {
        ToolPanel.style.display = "none";
        ToolPanel.style.bottom = "0";
        ToolPanel.style.opacity = "1";
    }, 500);
}