Typora怎样实现页内跳转

使用场景

当我们利用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指向之后的函数。
  …篇幅有限，略…