HTML新增的haschangeAPI(加载|刷新页面的理解)

   说到这个就要说说路由这个东西了,路由我的理解就是,url在页面上的映射,不同url能对应不同的页面内容(为什么不说对应不同的页面呢,因为SPA(单页面应用));

   我们看看页面的url都有什么

 我们能清晰的看到有我们熟悉的:protocol;hostname;port;href;origin;这几个我们熟悉的老朋友,还有我们不曾注意到的新面孔:hash;

  说说我的理解:http://127.0.0.1:5500/ThreeWeel/Day04/02.html;这个东西是我们向服务器发送请求,服务器给我们返回的数据;然后浏览器把数据渲染到页面上;

  而后面加锚点#;则是在已有的页面上修改文本的显示内容;通过这样理解;更换url并且会向服务器发送请求会让页面刷新;而改变锚点#则不会让页面刷新;

    为什么history的go();back();forward()方法不会引起页面的刷新;

这就要理解浏览器的缓存机制:当我们使用BOM来回到上一个页面的时候;因为上一个页面已经存在于浏览器的缓存中了,所以我们直接将对应的页面资源,加载到页面上,所以并不会刷新页面;

   回到hash,它就是对应url上的锚点#后面的东西

 就是#后面的字符串;他的作用对同一个资源:127.0.0.1:5500/ThreeWeelDay04/02.html;进行内容的控制!;它和hashchange事件配合使用

   

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值