Location 对象是 Browser Object Model(BOM)的一部分,代表浏览器的当前 URL。你可以通过 window.location 或简写为 location 访问到这个对象。Location 对象的一些常见属性和方法包括:

属性:

1. location.href: 获取或设置完整的 URL。
    var currentURL = window.location.href;
    console.log('Current URL: ' + currentURL);

2. location.protocol: 获取 URL 的协议部分,通常是 "http:" 或 "https:"。
    var protocol = window.location.protocol;
    console.log('Protocol: ' + protocol);

3. location.host: 获取 URL 的主机部分,包括主机名和端口号。
    var host = window.location.host;
    console.log('Host: ' + host);

4. location.hostname: 获取 URL 的主机名部分。
    var hostname = window.location.hostname;
    console.log('Hostname: ' + hostname);

5. location.port: 获取 URL 的端口号部分。
    var port = window.location.port;
    console.log('Port: ' + port);

6. location.pathname: 获取 URL 的路径部分。
    var path = window.location.pathname;
    console.log('Pathname: ' + path);

7. location.search: 获取 URL 的查询字符串部分。
    var queryString = window.location.search;
    console.log('Query String: ' + queryString);

8. location.hash: 获取 URL 的片段标识符(hash)部分。
    var hash = window.location.hash;
    console.log('Hash: ' + hash);

方法:

1. location.reload(): 重新加载当前页面。
    window.location.reload();

2. location.assign(): 加载新的文档。
    window.location.assign('https://www.example.com');

3. location.replace(): 用新的文档替换当前文档,不会在历史记录中创建一条新的记录。
    window.location.replace('https://www.example.com');

4. location.toString(): 返回当前 URL 的字符串表示。
    var urlString = window.location.toString();
    console.log('URL String: ' + urlString);

Location 对象的这些属性和方法允许你操作和获取浏览器当前页面的 URL 信息,以及进行页面导航和刷新等操作。


转载请注明出处:http://www.pingtaimeng.com/article/detail/6193/JavaScript 和 HTML DOM