大家好,这几天一直加班,好久没有更新微信公众号了。 这次我们继续来讲解“购物车应用”,这次来讲解下它的路由功能。。
它是一个单页应用,所有的操作和页面跳转都是在一个页面完成,那么页面的切换就必须要有一个路由系统了。 这个应用的页面实际只有一个,就是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 有什么不懂的就在评论里留言给我