您现在的位置是:首页 > 学无止境 > Web网站首页Web 如何让文章自动生成文章目录索引

如何让文章自动生成文章目录索引

  • 莫愁
  • Web
  • 2019-06-13
简介这篇文章主要介绍博客文章自动生成目录索引的js代码,需要的朋友可以参考下。
字数 4750.5

一个好的博客文章除了文章的质量要好以外,文章结构也能让读者阅读的更加舒服与方便,我看有些博客的博文的前面都带有章节的目录索引,点击索引之后会跳转到相应的章节阅读,并且还可以回到目录顶端,这种结构如果是在写博文的时候人工设置那是非常麻烦的,无疑是增加了工作量。如果能自动生成章节索引岂不是节省了一大堆工作量。下面我就分享下实现方法。

第一种:只支持一级目录

通过<h2>实现

HTML代码:

JavaScript代码:

 

第二种:支持二级分类

通过<h2><h3>实现

HTML:

JavaScript:

 

第三种:支持三级目录

通过<h2><h3><h4>实现

HTML:

JavaScript:

 

注:文章中建议使用的是<h2><h3><h4>...,根据SEO的说法,页面中大量出现H1标签会对权重有影响。


转载: 感谢您对莫愁个人博客网站平台的认可,非常欢迎各位朋友分享到个人站长或者朋友圈,但转载请说明文章出处“来源莫愁个人博客 https://www.mochoublog.com/study/255.html”。

文章评论

    • 评论
    人参与,条评论

技术在线

服务时间

周一至周日 12:00-22:00

关闭下雪
关闭背景特效