前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >javascript-购物车(2)

javascript-购物车(2)

作者头像
web前端教室
发布2018-02-06 10:48:51
8380
发布2018-02-06 10:48:51
举报
文章被收录于专栏:web前端教室web前端教室

大家好,这几天一直加班,好久没有更新微信公众号了。 这次我们继续来讲解“购物车应用”,这次来讲解下它的路由功能。。

它是一个单页应用,所有的操作和页面跳转都是在一个页面完成,那么页面的切换就必须要有一个路由系统了。 这个应用的页面实际只有一个,就是index.html,其它的所有页面都是用jquery的load方法,加载到index.html页面的wrapMenu容器的。

第一个知识点就是window.location.hash,这个hash属性可以得到网页地址栏中#后面的部份#product。 然后用slice方法来把#号切掉,就是slice(1,hash.length)。 这样就得到了product,然后用switch方法来按不同的hash值进行跳转,其实就是用goto方法,加载不同的html页面的HTML内容到index.html页面的wrapMenu容器里,等于是变相的实现了页面跳转。

详细的内容,就请大家看视频吧视频链接请点:

https://v.qq.com/iframe/player.html?vid=g0174ogiphi&width=670&height=502.5&auto=0 有什么不懂的就在评论里留言给我

html5- canvas可拖动的曲线“视频教程”

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2015-12-02,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 web前端教室 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
容器服务
腾讯云容器服务(Tencent Kubernetes Engine, TKE)基于原生 kubernetes 提供以容器为核心的、高度可扩展的高性能容器管理服务,覆盖 Serverless、边缘计算、分布式云等多种业务部署场景,业内首创单个集群兼容多种计算节点的容器资源管理模式。同时产品作为云原生 Finops 领先布道者,主导开源项目Crane,全面助力客户实现资源优化、成本控制。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档