`
刘朝雪
  • 浏览: 83750 次
  • 来自: 河北
社区版块
存档分类
最新评论

$location 获取url的相关方法

 
阅读更多

 'http://localhost/$location/21.1%20$location.html#/foo?name=bunny#myhash' 这个路径为例:

1. 获取当前完整的url路径:

$location.absUrl():
// http://localhost/$location/21.1%20$location.html#/foo?name=bunny#myhash

*2. 获取当前url路径(当前url#后面的内容,包括参数和哈希值):

$location.url();
// /foo?name=bunny#myhash

*3. 获取当前url的子路径(也就是当前url#后面的内容,不包括参数):

$location.path()
// /foo

4. 获取当前url的协议(比如http,https)

$location.protocol()
// http

5. 获取当前url的主机名

$location.host()
// localhost

6. 获取当前url的端口

$location.port()
// 80 (这里就是wamp的默认端口号)

*7. 获取当前url的哈希值

$location.hash()
// myhash

*8. 获取当前url的参数的序列化json对象

$location.search()
// {"name":"bunny"}

 

分享到:
评论

相关推荐

    Angular 通过注入 $location 获取与修改当前页面URL的实例

    使用 $location.url() 方法可以获取当前 URL 的子路径,也就是当前 URL# 后面的内容,包括参数和哈希值。 3. 获取当前 URL 的子路径(不包括参数) 使用 $location.path() 方法可以获取当前 URL 的子路径,不包括...

    AngularJS通过$location获取及改变当前页面的URL

    本篇将介绍AngularJS中的$location服务的基本用法,$location服务的主要作用是用于获取当前url以及改变当前的url,并且存入历史记录。本文通过示例代码介绍的很详细,有需要的朋友们可以参考借鉴,下面来一起看看吧。

    详解angular中通过$location获取路径(参数)的写法

    -angular 中通过 $location 获取路径(参数)的写法 Angular 中的 `$location` 服务提供了获取和修改 URL 的功能,包括... `$location` 服务提供了获取和修改 URL 的功能,能够帮助开发者更好地处理 URL 相关的操作。

    AngularJS的$location使用方法详解

    这些方法使得开发者可以非常方便地处理和修改当前浏览器的地址栏URL,无论是获取URL中的某些信息,还是构建新的URL发送到服务器,$location都提供了强大的支持。 在使用$location服务时,需要注意一些事项。比如,...

    详解Angular中通过$location获取地址栏的参数

    使用`$location.absUrl()`方法可以获取当前浏览器的完整URL,包括协议、主机名、端口、路径、查询参数和哈希值。 2. **获取URL路径**: `$location.url()`返回当前URL的路径部分,包括任何查询参数和哈希值,但不...

    高效利用Angular中内置服务$http、$location等_.docx

    开发者还可以通过 `$location.path()`、`.search()` 和 `.hash()` 等方法来分别获取路径、查询参数和哈希值。 2. **$http 服务** `$http` 是Angular中最核心的服务之一,负责处理HTTP请求,通常用于与服务器进行...

    AngularJs Using $location详解及示例代码

    $location的主要功能是解析和更新当前浏览器地址栏的URL,使得开发者可以在应用程序中轻松处理URL相关的操作,并且能够与浏览器的历史记录和导航功能协同工作。 首先,$location服务的核心作用在于提供了一个接口,...

    AngularJS内建服务$location及其功能详解

    通过熟悉$location服务提供的API,开发者可以更加轻松地实现与URL相关的动态交互,提高用户体验和应用性能。同时,$location服务在实现单页应用的路由管理方面也扮演了重要的角色,它可以帮助开发者管理应用的导航...

    php获取URL中带#号等特殊符号参数的解决方法

    在前端JavaScript代码中,我们可以创建一个函数来获取用户输入,并使用escape函数对这个值进行编码,然后通过修改window.location.href将编码后的值附加到URL上: ```javascript function searchsn(){ var keys = ...

    angular中使用路由和$location切换视图

    - `$location.url()`: 获取或设置完整的URL。 当URL发生变化时,`$locationChangeStart`和`$locationChangeSuccess`事件会被触发,这为我们提供了在路由切换前后的处理逻辑。 此外,我们还可以结合`$routeParams`...

    C#获取当前页面的url

    下面是几种常用的JavaScript方法来获取当前页面的URL: - **`document.URL`**:返回当前文档的完整URL。例如:`http://www.test.com/testweb/default.aspx`。 - **`document.location.href`**:返回当前文档的完整...

    nodejs实现获取当前url地址及url各种参数值

    其对应的API文档详细描述了各种方法和属性的使用说明,这对于开发者深入理解和利用Node.js中的URL模块来处理网络请求提供了便利。 最后,文档内容中指出,存在文字识别错误或漏识别的情况,所以在理解时可能需要...

    js获取url,javascript获取url参数等

    设置或获取对象指定的文件名或路径。 设置或获取整个 URL 为字符串。 设置或获取与 URL 关联的端口号码。...设置或获取 location 或 URL 的 hostname 和 port 号码。 设置或获取 href 属性中跟在问号后面的部分。

    Angular的$http与$location

    例如,你可以通过`$location.path('/newPath')`来改变URL路径,或者通过`$location.search({'param1': 'value1'})`来添加查询参数。 5. **应用场景**: - `$http`通常用于获取或提交服务器上的数据,如API调用、...

    UrlIp2Location

    5. **地址**:这里的地址可能是指与IP或URL相关的物理地址,如街道、邮政编码等。 在【压缩包子文件的文件名称列表】中,有以下文件: 1. **UrlIpLocation.java**:这可能是一个Java类,实现了主要的查询逻辑。在...

    (JS获取地址栏url所有信息的方法

    ### JS获取地址栏URL所有信息的方法 在Web开发过程中,经常需要从URL中提取有用的信息。这不仅可以帮助我们更好地理解用户是如何访问网站的,还可以利用这些信息进行个性化内容展示、统计分析等多种操作。本文将...

Global site tag (gtag.js) - Google Analytics