js自动生成html页,使用JS生成html页面的目录索引

在页面中的指定标题的版块添加锚链接，按照规则生成目录。

html代码

1、标题一

2、标题二

3、标题三

js代码

//生成目录索引列表

function GenerateContentList()

{

var jquery_h3_list = $('#contentDiv h3');//如果你的章节标题不是h3,只需要将这里的h3换掉即可

if(jquery_h3_list.length>0)

{

var content = '';

content += '

';

content += '

阅读目录

';

content += '

• ';

for(var i =0;i

{

var go_to_top = '

回到顶部

';

$(jquery_h3_list[i]).before(go_to_top);

var li_content = '

' + $(jquery_h3_list[i]).text() + '';

content += li_content;

}

content += '

';

content += '

';

if($('#cnblogs_post_body').length != 0 )

{

$($('#cnblogs_post_body')[0]).prepend(content);

}

}

}

GenerateContentList();