JavaScript的路由

前端路由的概述:

前端路由是根据对应路由地址渲染不同的内容

后端路由的概述:

根据对应的路由地址访问对应的接口

前端路由的分类:

1.页面路由(会刷新)

根据对应的地址访问不同的页面(location.href location.assign location.replace)

2.hash路由 (不会刷新)

根据对应的hash地址来渲染不同的内容(onhashchange)

location.hash 来获取对应的hash值 通过onhashchange进行监听

3.history路由 (不会刷新)

根据对应的history页面的地址来渲染不同的内容(onhashchange)

通过replaceState和pushState来改变state的值和页面的地址

通过history.back history.go  history.forward来触发对应的onpopstate事件

SPA:

单页应用程序 (single page application) ,整个应用只有一个页面,对应的页面跳转就没有意义,所以对应的spa实现只有是hash模式和history模式,在后续的vue或者独有的react中,它主要做的是spa的应用只要采用hash和history,hash的监听能直接触发history的监听不能直接触发所以默认是hash模式 .

hash路由的实现:

HTML:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge"
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值