JavaScript 之 location 对象

Posted 2022-09-19 niujifei

一、location 对象

　　location 对象是 window 对象下的一个属性，使用的时候可以省略 window 对象。

　　常用属性：

location.href = ‘http://www.baidu.com‘;

　　最常用的为 href 属性，可以是浏览器跳转到指定的页面。

　　常用方法：

　　1、assign() 委派

location.assign("http://www.baidu.com");

　　　该方法的作用和 href 的作用一样，可以让页面跳转到指定的地方，会有历史记录。

　　2、replace() 替换

 

location.replace(‘http://www.itheima.com‘);

 

　　　该方法是替换到地址栏中的地址，但是不记录历史

 

　　3、reload() 方法

 

location.reload(true/false);

 

　　   是否让页面重新加载，值为 true：强制从服务器获取页面（相当于 ctrl+F5）；值为 false：如果浏览器有缓存，直接从缓存中加载（相当于 F5）

 

二、URL

　　统一资源定位符（Uniform Resource Locator, URL）

　　URL 的组成：

scheme://host:port/path?query#fragment
scheme: 通信协议	常用的http,ftp,maito等
host: 主机	服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。
port: 端口号	整数，可选，省略时使用方案的默认端口，如http的默认端口为80。
path: 路径	由零或多个‘/‘符号隔开的字符串，一般用来表示主机上的一个目录或文件地址。
query: 查询	可选，用于给动态网页传递参数，可有多个参数，用‘&‘符号隔开，每个参数的名和值用‘=‘符号隔开。例如：name=zs
fragment: 信息片断	字符串，锚点.

　　以上的属性都可以通过 location.属性 来获取它们的值。