1.href 属性:可以读写浏览器地址栏的内容。

    location.href = ‘http://www.taobao.com‘ ; //将地址栏修改成这个值

    alert( location.href ) ; //输出当前地址

    2.reload(true) 方法:刷新页面,如果参数为 true ,将通过缓存刷新(第二次访问)

    3.search 属性:我们可以通过 location.search 获取 ?后面拼接的属性

    4.hash 属性:我们可以通过 location.hash 获取 # 后面拼接的属性

    地址栏的完整组成

    1. 地址栏忽略大小写

    2. 组成:协议 + 域名 + 端口 + 路径 + 数据 + 哈希值

    第一部分:协议(有: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’, () => { } ) 监听地址栏改变