AngularJS通过$location获取及改变当前页面的URL
本文中获取与修改的URL以 ‘http://172.16.0.88:8100/#/homePage?id=10&a=100' 这个路径为例:
一. 获取url的相关方法(不修改URL):
1.获取当前完整的url路径
1
2
|
var absurl = $location.absUrl(); //http://172.16.0.88:8100/#/homePage?id=10&a=100 |
2. 获取当前url路径(当前url#后面的内容,包括参数和哈希值):
1
2
|
var url = $location.url(); // 结果:/homePage?id=10&a=100 |
3. 获取当前url的子路径(也就是当前url#后面的内容,不包括参数)
1
2
|
var pathUrl = $location.path() //结果:/homePage |
4.获取当前url的协议(比如http,https)
1
2
|
var protocol = $location.protocol(); //结果:http |
5.获取主机名
1
2
|
var localhost = $location.host(); //结果:172.16.0.88 |
6.获取当前url的端口
1
2
|
var port = $location.port(); //结果:8100 |
7.获取当前url的哈希值
1
2
|
var hash = $location.hash() //结果:http://172.16.088 |
8.获取当前url的参数的序列化json对象
1
2
|
var search = $location.search(); //结果:{id: "10", a: "100"} |
二. 修改url的相关方法(改变URL相关内容):
1 修改url的子路径部分(也就是当前url#后面的内容,不包括参数):
1
2
|
$location.url( '/validation' ); //结果:http://172.16.0.88:8100/#/validation |
2 修改url的哈希值部分
1
2
|
$location.hash( 'myhash3' ); //结果:http://172.16.0.88:8100/#/homePage?id=10&a=100#myhash3 |
3 修改url的参数部分(第一个参数表示url参数的属性名,第二个参数是该属性名的属性值,如果是已有属性名,则修改,如果不是已有属性,则新增)
1
2
3
4
5
|
$location.search( 'id' , '111' ) // 结果(修改参数值):http://172.16.0.88:8100/#/homePage?id=111&a=100 $location.search( 'ids' , '111' ) // 结果(新增ids参数): http://172.16.0.88:8100/#/homePage?id=111&a=100&ids=111 |
4.一次性修改多个参数
1
2
|
$location.search({id: '55' , 'a' : '66' }) //结果:http://172.16.0.88:8100/#/homePage?id=55&a=66#myhash3 |
5.第一个值表示url参数的属性名,如果是已有属性名,则删除该属性,如果不是已有属性,那就等于没改过
1
|
$location.search( 'age' , null ) |
三、修改URL但不存入历史记录
在上面的修改url的方法的时候,每修改一次,url都会被存入历史记录,可以使用后退按钮回到修改前的url,如果不想要这种效果,而仅仅是替换当前的记录,可以使用 $location.path('/validation').replace();
总结
以上就是关于AngularJS通过$location获取及改变当前页面URL的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助。如果有疑问大家可以留言交流。
AngularJS通过$location获取及改变当前页面的URL的更多相关文章
- 用js获取当前页面的url的相关信息方法
当前页面对应的URL的一些属性: ( http://bbs.xxx.net/forum.php?mod=viewthread&tid=2709692&page=1&extra= ...
- C#获取当前页面的url
C#获取当前页面的url string a= Request.ApplicationPath; // / string b = Request.CurrentExecutionFilePath; // ...
- 转载: js jquery 获取当前页面的url,获取frameset中指定的页面的url(有修改)
转载网址:http://blog.csdn.net/bestlxm/article/details/6800077 js jquery 怎么获取当前页面的url,获取frameset中指定的页面的ur ...
- js获取当前页面的URL并且截取?之后的数据,返回json
js获取当前页面的URL并且截取'?'之后的数据,返回json格式的数据 最近想要把学到的东西整理一下,以后方便查找,也是一种自我累积,如果有错误或者更好的,欢迎提出! 这篇文档主要是写关于获取页面的 ...
- js获取当前页面的url网址信息小汇总
在WEB开发中,时常会用到javascript来获取当前页面的url网址信息,在这里是我的一些获取url信息的小总结. 下面我们举例一个URL,然后获得它的各个组成部分:http://i.cnblog ...
- 获取当前页面的URL信息
以前在做网站的时候,经常会遇到当前页的分类高亮显示,以便让用户了解当前处于哪个页面.之前一直是在每个不同页面写方法.工程量大,也不便于修改.一直在想有什么简便的方法实现.后来在网上查到可以用获取当前U ...
- react获取当前页面的url参数
react获取当前页面的url参数,必须在url路由对应的组件上获取,在子组件上获取不到,为undefined,获取形如 /news/:id 的后面的参数 id this.props.match. ...
- js javascript 获取url,获得当前页面的url,静态html文件js读取url参数
获得当前页面的url window.location.href 静态html文件js读取url参数 location.search; //获取url中"?"符后的字串 下边为转载的 ...
- 原生php如何获取当前页面的url
原生php如何获取当前页面的url? //php获取当前访问的完整url地址 function get_current_url(){ $current_url='http://'; if(isset( ...
随机推荐
- 【转】C# 中使用 ThoughtWorks.QRCode.dll 生成指定尺寸和边框宽度的二维码
本文介绍在 C# 中使用 ThoughtWorks.QRCode.dll 生成指定尺寸和边框宽度的二维码.网上文章大多只是简单介绍内置参数的设置,根据我的使用目的,增加了自定义目标二维码图片尺寸和白边 ...
- JVM笔记(二) 垃圾收集器(1)
垃圾收集器 主要通过阅读<深入了解Java虚拟机>(周志明 著)和网络资源汇集而成,为本人学习JVM的笔记.同时,本文理论基于JDK 1.7版本,暂不考虑 1.8和1.9 的新特性,但可能 ...
- java并发编程:线程安全管理类--原子操作类--AtomicLongFieldUpdater<T>
1.类 AtomicLongFieldUpdater<T> public abstract class AtomicLongFieldUpdater<T> extends Ob ...
- Fragment利用ViewPager实现左右滑动--第三方开源--SlidingTabLayout和SlidingTabStrip实现
MainActivity: package com.zzw.fragmentteb; import java.util.ArrayList; import android.graphics.Color ...
- EasyGui 学习文档【超详细中文版】
演示使用 Python 3.3.3 版本 0. 安装 EasyGui 官网:http://easygui.sourceforge.net 最新版: <ignore_js_op> easyg ...
- Installing MIB in Ubuntu and Solving the Error “SNMP Cannot Find Module …”
Has noticed an error after executing the command snmpwalk with the indication of MIB instead of OID: ...
- 单项目实现vendor分离编译,增加编译效率(vue-cli)
1.在build文件夹下添加文件:webpack.dll.config.js const path = require('path') const webpack = require('webpack ...
- UI基础:UI中类的继承关系图,最基本的视图分析
首先,UI中常用的UIwindow.UILabel.UIButton.UITextField属于UIView的子类.UITextField和UILabel和UIwindow自身没有初始化方法,需要使用 ...
- a 标签解决,新窗口打开跨域问题
<a href="https://xxxx.vip/home" rel="nofollow noreferrer" target="_blank ...
- 前端开发 —— google chart 的使用
1. 引入所需的 js 库 在 <head></head>中 <script src="https://ajax.googleapis.com/ajax/lib ...