jquery根据h标签生成目录

2024-09-03

用jquery实现文章自动生成二级目录

前段时间有个同学问有没有办法在博客园上发一篇文章然后自动生成文章的目录.之前不知道该怎么做这几天看了些jquery之后觉得还是容易的. 一级目录一级目录的思路很简单,找出作为一级标题的元素,在某个地方将text列出,再加上链接就好. target = $("#contents"); $(document).ready(function() { GenerateContents(); }); function GenerateContents() { var num = 0; var

使用jQuery为博客生成目录

这段代码展示了如何为div#content中的内容生成目录,也无非是对h系列标记进行解析.当然,也早有一些人实现了.1. [代码][HTML]代码 <html> <head> <title> 测试 </title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

jQuery 动态标签生成插件

前言: 最近对js的插件封装特别感兴趣,无耐就目前的技术想做到js的完全封装,还是有一定困难,就基于jQuery封装了一个小的插件,而且是基于对象级开发的,不是添加全局方法.高深的语法几乎没有,就有一个return:foreach()方法来返回对象实例本身,还有一个extend()函数,用来扩展参数对象的属性,这也是为了对象在调完我这个方法后方便链式操作. 插件打包下载地址:点我下载插件名:动态云标签插件特点: 在指定块级元素内动态生成a标签 a标签的高度.宽度.位置.层数.背景颜色随机可控

用jquery实现文章自动生成二级目录（续）

前文:用jquery实现文章自动生成二级目录. 使用方法的补充我们可以把我们的js和css上传到博客园,然后在页面HTML代码中使用他们. 发现的一些问题在我把我的js放到自己的博客园上运行之后发现了几个问题: 博客园博客的子标题用的是h2,自动生成目录的js把博客的子标题也加入到了目录中. 写了一篇比较长的博客,发现用目录跳到某处后没有链接返回目录处,有些不方便. 每次写完文章还得在文章的HTML中加目录的div. 解决问题参考:薰衣草的旋律的一篇文章. 博客园子标题的问题,只要把一级标

vue 将markdown字符串转html、修改主题、生成目录

前言将 markdown 字符串转成 html 显示出来,同时把目录也提取出来一起显示.可以使用 marked 来读取 markdown 字符串解析成 html marked官网:https://marked.js.org/ marked 安装使用 marked 前需要对其进行安装 npm install marked -s 使用安装好后,在使用到的页面引入使用即可. <template> <div> <div v-html="content">

什么是H标签？H1，H2，H3标签？以及和strong标签使用的方法及重要性

大家都知道,seo的一个很重要的一点就是要把网站做的条理清晰,让搜索引擎很容易的读明白,这个条理清晰不仅体现在网站的物理路径,url等地方.在<h1><h2><h3>等方面也是这样.并不是<h1>对于关键字排名有帮助,那么在什么有关键词出现的地方我都用<h1>,那么用多了,第一, 有可能会被认为优化过度,第二,到处都是<h1>,你怎么才能让搜索引擎知道哪里才是最重要的呢?稀释了<h1>的作用. 根据w3cschool.c

jquery.qrcode.js 插件生成二维码

下载地址:https://github.com/jeromeetienne/jquery-qrcode 例子: <!doctype html> <html> <head> <meta charset="utf-8"> <title>qrcode.js</title> </head> <body> <div id="qrcode"></div> &l

jquery.qrcode.min.js生成二维码通过前端实现二维码生成

主体代码: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>演示:使用jquery.qrcode生成二维码</title> <style type="text/css"> .demo{width:400px; margin:40px auto 0 auto; min-height:250px;} .demo p{

markdownpad生成目录

生成目录 document.addEventListener("DOMContentLoaded", function() { // 生成目录列表 var outline = document.createElement("ul"); outline.setAttribute("id", "outline-list"); outline.style.cssText = "border: 1px solid #ccc;

为Markdown文件生成目录

缘由思路效果代码实现缘由 Markdown源生文件源生不支持目录,目前比较主流的生成目录的方式(各式插件),都是转化为HTML文件.虽然HTML文件可以生成眼花缭乱的目录,但是修改起来又没有Markdown方面.以上,所以我决定生成一种既有目录,并且修改起来还比较方面的Markdown文件. 思路 Markdown是兼容HTML语法的,那么通过抽取Markdown中的标题,生成HTML标签,并且链接到各标题,一份简易的目录即可完成. 效果左侧为Markdown文件,右侧为Markdow

对扫描的pdf文件生成目录

很多pdf文件是直接扫描生成的,于是它的内容都是一张张的图片,当然就更没有目录索引了. 有的时候想找某些内容,只能一点点的移动滚动条,非常不方便. 那么有什么方法能生成目录呢? 方法一:使用福昕pdf编辑器福昕pdf编辑器使用PRC识别pdf文件,能将pdf文件转换为office文件,更是有目录制作的功能. 但是,亲测后发现: 也是最关键的问题,他需要money,也就是得升级为会员,才能使用图片识别功能. 目录制作倒是免费的,但它的目录主要是设置标签,对于目录没有分级功能,且需要一页一页翻的去

预编译加速编译（precompiled_header），指定临时文件生成目录，使项目文件夹更干净（MOC_DIR，RCC_DIR, UI_DIR, OBJECTS_DIR），#pragma execution_character_set("UTF-8")"这个命令是在编译时产生作用的，而不是运行时

预编译加速编译 QT也可以像VS那样使用预编译头文件来加速编译器的编译速度.首先在.pro文件中加入: CONFIG += precompiled_header 然后定义需要预编译的头文件: PRECOMPILED_HEADER = pch.h 其中pch.h头文件即为自定义的预编译头文件. 指定临时文件生成目录,使项目文件夹更干净 QT默认情况下把所有的编译中间文件都生成到debug和release文件夹里.可以在.pro文件中加入: MOC_DIR = tmp/moc RCC_DIR = t

第 10 篇：小细节 Markdown 文章自动生成目录，提升阅读体验

目录在文中插入目录在页面的任何地方插入目录处理空目录美化标题的锚点 URL 作者:HelloGitHub-追梦人物文中涉及的示例代码,已同步更新到 HelloGitHub-Team 仓库上一篇中我们使用了 Markdown 来为文章提供排版支持.Markdown 在解析内容的同时还可以自动提取整个内容的目录结构,现在我们来使用 Markdown 为文章自动生成目录. 在文中插入目录先来回顾一下博客的 Post(文章)模型,其中 body 是我们存储 Markdown 文本的字段:

几种编辑器的markdown-toc生成目录在github上的表现

Vscode vscode的markdown-toc插件的实现是比较好的, 目前发现的问题就只有在自动生成带链接目录的时候无法正确识别和生成一些特殊的字符. 例如: ▶ 这导致在标题中不能加入特殊字符,否则在自动生成目录时会无法正确处理导致生成的链接无法跳转. 我不用就是了! Atom Atom 的markdown-toc插件倒是能正确识别特殊字符. 但是生成的三级目录在github页面上会失去换行堆在一块. 本地预览倒是没什么问题. 这可是Github自家的编辑器啊,没见过这么打自己脸的. 啊

利用office2010 word2010生成目录

详细内容可以从以下链接下载: http://www.360disk.com/file-37040.html 从前一直用word的目录功能,觉得很方便.第一:可以在目录的首页通过Ctrl+鼠标单击左键可以跳到目录所指向的章节:第二,可以打开视图导航窗格,然后整个文档的结构列出来,很清晰.但是从来没有尝试自己做过一个,都是从网上下的文档,然后在别人文档的基础上更改,不知道如何创建自己的目录, 今天偶有兴致从网上搜了一下,大部分都是讲03版本,虽然03.07和10实质功能是一样的,只是越来越强大,但

jQuery触发a标签点击事件-为什么不跳转

今天开发发现使用jQuery触发a标签的点击事件,当前的样式发生了变化,可是没有跳转,为什么? 百度后找到的解决方案: <a onclick="hanle()" href="test.jsp" target="main" ><span id="hand">处理</span></a> 在a标签中加上span标签,触发span标签的点击事件. 直接在a标签上触发点击,当前链接onc

Word自动生成目录

博主最近在写报告的时候要在Word里面做个目录,再做个页码,然后上网搜了一些方法,非常零散,我弄了好久才弄好.在这里我把整套方法分享一下. 声明:内容完全独创! 工具:Word 2016. 效果:如下图所示,左边是原始章节标题,右边是添加了目录的效果(为了显示方便我把目录和正文放到了一页,最后我还会把它们隔开) 总结来说我这里面做了四件事情: 统一大标题样式和子标题样式: 给章节标题编号,如第一章的第一个子标题编号为1.1,第二章的第一个子标题为2.2: 自动生成目录:

jquery修改a标签的href链接和文字

可以先体验一下效果:http://keleyi.com/keleyi/phtml/jquery/2.htm 以下修改a标签的href链接和修改文字的代码: <script type="text/javascript" src="http:/keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"></script> 原链接:<a href="http://keleyi.com" id

转：浅谈关于b、h标签的优化技巧

<b>标签优化 <b>标签是一种加粗标记,作用就是加粗文章中的关键词,对于文章中重要的关键词加粗起到有利于用户阅读的作用.<b>标签的使用对于优化的作用是非常大的,我们不能忽视,下面我们来看一下,<b>标签的优化需要注意哪些事项,首先我们先对比一下显示效果差不多的<strong>(加重语气产生字体加粗Bold的效果)和<h4>标签. <h4>.<strong>和<b>显示效果是一样的,他们都是普通

EXCLE使用宏生成目录

宏代码: Sub mu() Dim i As Integer Dim ShtCount As Integer Dim SelectionCell As Range ShtCount = Worksheets.Count If ShtCount = 0 Or ShtCount = 1 Then Exit Sub Application.ScreenUpdating = False For i = 1 To ShtCount If Sheets(i).Name = "目录" Then Sh

jquery禁用a标签,jquery禁用按钮click点击

jquery禁用a标签方法1 $(document).ready(function () { $("a").each(function () { var textValue = $(this).html(); if (textValue == "XX概况" || textValue == "服务导航") { $(this).css("cursor", "default"); $(this).attr('hr

jquery根据h标签生成目录

热门专题