1.href 属性:可以读写浏览器地址栏的内容。
location.href = ‘http://www.taobao.com‘ ; //将地址栏修改成这个值
alert( location.href ) ; //输出当前地址
2.reload(true) 方法:刷新页面,如果参数为 true ,将通过缓存刷新(第二次访问)
3.search 属性:我们可以通过 location.search 获取 ?后面拼接的属性
4.hash 属性:我们可以通过 location.hash 获取 # 后面拼接的属性
地址栏的完整组成
地址栏忽略大小写
组成:协议 + 域名 + 端口 + 路径 + 数据 + 哈希值
第一部分:协议(有:ftp / file / http / https / ws),浏览器自动添加协议,而且也会协议。协议的功能:两台电脑要通信就必须添加协议。
第二部分:域名(网址,url ):电脑的唯一标识符是 ip 地址,但是 ip 地址比较难记,就产生了域名,方便推广和记忆。域名需要用户独立注册,有监管制度。(Tips:即使不写域名,直接写IP地址也可以直接访问相应的网址)
第三部分:端口
服务器:储存源码的地方,其实就是一台更贵的电脑。
端口可以说是访问服务器的们,一个服务器可以存放多套程序,但是服务器只有一个ip地址,但是我们可以给每套程序加个端口,就可以对程序进行区分了。在ip地址后加个冒号再加上端口。
http://163.10.1.1/:80 //端口的取值范围:0 — 65535
http 协议的默认端口:80
https 协议的默认端口:443
第四部分:路径
进入服务器,访问文件的位置
第五部分:数据
通过地址栏传输数据,在路径后面添加 ? 拼接数据,多个数据用 & 符号连接
第六部分:哈希值
单页面跳转应用,通过在路径后面加一个 # ,#后面跟的就是哈希值
window.addEventListener = ( ‘hashchange’, () => { } ) 监听地址栏改变