利用JS生成博文目錄及CSS定制博客

來源：懂視網責編：小OO 時間：2020-11-27 20:50:41

利用JS生成博文目錄及CSS定制博客

想要生成目錄，許多都說需要JS修改權限，那個這里就直接進入設置頁面，找到下方的聯系郵箱直接發去就行了，工作人員回復的還是很快的。拿到權限之后，下面就是將編（搜）寫（尋）的JS代碼放在頁腳HTML代碼的方框內，然后點擊保存就可以了。要注意目錄的生成是幾級標題，這一點可是很重要的。JS代碼如下，基本沒有變化，拷貝了原作者的寫法，可以生成二級目錄，分別為h2和h3，這點需要注意。綜合來說，這個目錄有以下幾點的特點，這些也都可以在本文中看到（二級目錄本博文沒有使用）。1）.可以在博文首部生成兩級目錄。2）.每個一級目錄上方有一個回到頂部的鏈。JS代碼如下：

推薦度：

點擊下載本文 文檔為doc格式

導讀想要生成目錄，許多都說需要JS修改權限，那個這里就直接進入設置頁面，找到下方的聯系郵箱直接發去就行了，工作人員回復的還是很快的。拿到權限之后，下面就是將編（搜）寫（尋）的JS代碼放在頁腳HTML代碼的方框內，然后點擊保存就可以了。要注意目錄的生成是幾級標題，這一點可是很重要的。JS代碼如下，基本沒有變化，拷貝了原作者的寫法，可以生成二級目錄，分別為h2和h3，這點需要注意。綜合來說，這個目錄有以下幾點的特點，這些也都可以在本文中看到（二級目錄本博文沒有使用）。1）.可以在博文首部生成兩級目錄。2）.每個一級目錄上方有一個回到頂部的鏈。JS代碼如下：

本文實例為大家介紹了利用JS生成博文目錄及CSS定制博客的方法，分享給大家供大家參考，具體內容如下

想要生成目錄，許多都說需要JS修改權限，那個這里就直接進入設置頁面，找到下方的聯系郵箱直接發去就行了，工作人員回復的還是很快的。

拿到權限之后，下面就是將編（搜）寫（尋）的JS代碼放在頁腳HTML代碼的方框內，然后點擊保存就可以了。要注意目錄的生成是幾級標題，這一點可是很重要的。JS代碼如下，基本沒有變化，拷貝了原作者的寫法，可以生成二級目錄，分別為h2和h3，這點需要注意。

綜合來說，這個目錄有以下幾點的特點，這些也都可以在本文中看到（二級目錄本博文沒有使用）。

1）. 可以在博文首部生成兩級目錄
2）. 每個一級目錄上方有一個回到頂部的鏈

JS代碼如下。

0)
 {
 var content = '';
 content += '';
 content += '目錄';
 content += '';
 for(var i=0; i回到頂部';
 $(h2_list[i]).before(go_to_top);
 
 var h3_list = $(h2_list[i]).nextAll("h3");
 var li3_content = '';
 for(var j=0; j';
 $(h3_list[j]).before(li3_anchor);
 li3_content += '' + $(h3_list[j]).text() + '';
 }
 
 var li2_content = '';
 if(li3_content.length > 0)
 li2_content = '' + $(h2_list[i]).text() + '' + li3_content + '';
 else
 li2_content = '' + $(h2_list[i]).text() + '';
 content += li2_content;
 }
if($('#cnblogs_post_body').length != 0 )
 {
 $($('#cnblogs_post_body')[0]).prepend(content);
 }
 } 
}
GenerateContentList();
" _ue_custom_node_="true">

【相關教程推薦】

1. JavaScript視頻教程
2. JavaScript在線手冊
3. bootstrap教程

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

利用JS生成博文目錄及CSS定制博客

推薦度：

點擊下載本文 文檔為doc格式

標簽：目錄 js 博客

熱門焦點

利用JS生成博文目錄及CSS定制博客

利用JS生成博文目錄及CSS定制博客

利用JS生成博文目錄及CSS定制博客

最新推薦

猜你喜歡

熱門推薦