动态显示目录的作用

不用每次写博客的时候繁琐的人工整理目录，又可以动态浮动在右下角，方便快速跳到感兴趣的位置同时也可以快速的对文章内容有一个大概的了解。

实现原理

首先根据个人喜好，我习惯了用 h1 来做分类。所以本篇内容也主要是针对h1来提取目录。

如何提取出来h1呢？

先来看这张图，以猎豹浏览器为例：

首先在博客内容第一行点击鼠标右键，然后选择检查。这时会弹出右边的框，直接定位到我的h1标签，就这么简单的找到了它的父级 cnblogs_post_body 。

然后使用 jquery 选择器 来获取到这些h1，对jquery选择器不熟的直接跳这个链接温习一下：http://www.w3school.com.cn/jquery/jquery_ref_selectors.asp

$('#cnblogs_post_body h1')

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：【轮子狂魔】手把手教你用JS给博客动态增加目录

关键词：JS