H5页面路由跳转

一、  使用超链接（a标签）

<a href="page2.html">跳转到页面2</a>

二、 使用$location

        1、$location服务

        $location服务主要用于获取和设置浏览器地址栏中的URL信息。$location服务分析浏览器地址栏中的URL（基于window.location）让我们可以在应用中较为方便使用URL里面的内容。$location服务还允许开发者改变地址栏中的URL，而改变$location服务中的URL也会相应地更新浏览器地址栏。这种双向绑定使得开发者能够以声明式的方式处理URL的变化，而无需直接操作DOM或window.location对象。这种机制在实现单页面应用（SPA）中特别有用，因为它允许开发者在不进行页面刷新的情况下改变URL，从而提供更加流畅的用户体验。

        暴露浏览器地址栏中的URL，让开发者可以：

• 监察URL
• 改变URL

        与浏览器同步U RL，当：

• 改变地址栏
• 单击“前进” “后退”或一个历史记录中的链接
• 打开一个链接
• 将URL对象表示个方法集。（protocol,host,port,path,seatch,hash）

        2、$location相关的API

        $location.absUrl()：返回完整的URL，带有所有的片段

        $location.hash()：返回当前URL的哈希值

        $location.host()：返回当前URL的主机路径

        $location.pash()：返回当前URL的路径部分，改变路径（返回的路径永远会带有/）

        $location.port()：返回当前路径的端口号

        $location.protocol()：返回当前URL的协议

        $location.replace()：如果被调用，就会用改变后的URL直接替换浏览器中的历史记录，而不是在历史记录中新建一条路径信息

        $location.search()：以对象形式返回当前URL的搜索部分

        $location.url()：返回当前URL路径（当前URL#后面的内容，包括参数和哈希值）