使用场景

当我们利用Typora时，经常会遇到需要跳转的情况。
比如：

通过汇总表格，直接跳转到内容详细。

如何实现

由于Typora是支持HTML语法的，所以我们可以利用HTML的链接标签（a标签）来实现跳转。

HTML链接标签

格式：
<a href="" target=''></a>
href：

值为URL时，用户点击会跳转到该URL页面

值为其他标签的ID时，点击即可跳转到对应的标签位置。

target：

值为self时，表示在当前页面完成跳转的，默认就是self

值为_blank时，表示在新建页面跳转。

修改内容

下列为markdown的表格

|       语法         | 作用                                                     |
| :---------------: | -------------------------------------------------------- |
|  构造函数.call()    |  调用函数,改变函数内的this指向,多用于继承  |
|  构造函数.apply()   | 调用函数,改变函数内的this指向,多用于数组操作 |
|  构造函数.bind()   |  不会调用函数，改变函数内的this指向      |

现在要实现点击表格的函数，就跳转到对应的page，所以需要将内容进行替换，如下：

|       语法         | 作用                                                     |
| :---------------: | -------------------------------------------------------- |
|  <a href="#funcCall">构造函数.call()</a>    |  调用函数,改变函数内的this指向,多用于继承  |
|  <a href="#funcApply">构造函数.apply()</a>   | 调用函数,改变函数内的this指向,多用于数组操作 |
|  <a href="#funcBind">构造函数.bind()</a>    |  不会调用函数，改变函数内的this指向      |

因为我们的链接标签，href属性的值为#funcCall、#funcApply、#funcBind，这三个值不是URL，那肯定就是“目的”标签id了，所以要在内容区域，添加上标签，并与对应的id，如：

<span id="funcCall">**call()方法**</span>> 作用：
>
> - 可以调用函数。
> - 可以改变函数内的this指向，可实现继承。
......篇幅有限，略.......<span id="funcApply">**apply()方法**</span>
> 作用：
>
> - 与call所实现的效果是一样的
> - 区别在于apply方法传的值，必须包含在**数组**里面
......篇幅有限，略.......<span id="funcBind">**bind()方法**</span>
> 作用：
>
> - 与call和apply不同，bind不会调用函数，但是可以改变函数内部this指向。
> - bind方法，会返回原来改变this指向之后的函数。
......篇幅有限，略.......

现在就已经完成页内跳转了，但是在Typora中，需要按着Ctrl键盘+鼠标左键，才可以进行跳转.

验证效果

CSDN中无需按住Ctrl，直接点击即可跳转。

语法	作用
构造函数.call()	调用函数,改变函数内的this指向,多用于继承
构造函数.apply()	调用函数,改变函数内的this指向,多用于数组操作
构造函数.bind()	不会调用函数，改变函数内的this指向

call()方法

作用：

可以调用函数。

可以改变函数内的this指向，可实现继承。
…篇幅有限，略…

apply()方法

作用：

与call所实现的效果是一样的

区别在于apply方法传的值，必须包含在数组里面
…篇幅有限，略…

bind()方法

作用：

与call和apply不同，bind不会调用函数，但是可以改变函数内部this指向。

bind方法，会返回原来改变this指向之后的函数。
…篇幅有限，略…

Typora怎样实现页内跳转相关推荐

Typora页内跳转，亲测有效
Typora页内跳转!亲测有效! 跳转方式:按住Ctrl,同时使用鼠标点击[起始位置] 起始位置写法: <a href="#xxxx">xxxx</a>说明 ...
Typora 页内跳转的语法
页内跳转一般有 2 种情况: 跳转到某个标题处跳转到正文的某个地方跳转到标题跳转到标题的语法比较简单,举个例子 ## 我是一个标题[跳转到指定标题](#我是一个标题) 效果:按住ctrl,鼠标点 ...
Typora页内跳转
Typora页内跳转操作 1. 名字 - 此处为初始跳转位置 2. - 鼠标放在名字处,按住Ctrl,单击即可跳到2.处操作如下 ...
Markdown (CSDN) MD编辑器（一）- 实现页内跳转
目录一.创建锚点二.引用锚点三.实例讲解 Markdown是一种轻量级标记语言,排版语法简洁,让人们更多地关注内容本身而非排版.它使用易读易写的纯文本格式编写文档,可与HTML混编,可导出 HT ...
CSDN添加页内跳转和页外指定段落跳转
标题一通过下面的语法并不能实现页面跳转: [点此跳转](#标题二) 示例如下: 点此跳转可以通过添加div的方式添加标记,经实验,发现div跳转的方式并不是Markdown的标准语法,应该是CSD ...
Markdown文本目录生成、页内跳转
(1)文本目录是生成? 在文档开头第一行单独输入[TOC],Markdown编辑器就会根据文档中的h1~h6标题自动生成目录.效果如下(输入[TOC]后编辑页面会显示为@[TOC]): 文章目录标题 ...
Markdown文本目录生成、页内跳转（附详细示例）
文章目录 1 生成目录.页内跳转 1.1.生成目录 1.2.页内标题跳转 1.3.自定义锚实现页内自由跳转 1 生成目录.页内跳转 1.1.生成目录在文档开头第一行单独输入[TOC],Markd ...
Markdown 实现页内跳转
Markdown 实现页内跳转在使用 Markdown 做一些论文笔记或者说写文档时, 通常会出现这样一种情况.我们在文档的某个地方定义了一个 tableorfiguretable \ or \ f ...
GitHub Flavored Markdown 中实现【页内跳转】
GitHub Flavored Markdown 中实现[页内跳转] GitHub 并不直接支持 html 形式的跳转,但可以通过以下两种方法曲折实现: 1. 任意 # 标注的标题都会被添加上同名的跳 ...

Typora怎样实现页内跳转