location对象

简介: location对象

是最有用的BOM对象之一,提供了与当前窗口中加载的文档有关的信息,还提供一些导航功能。location是个神奇的对象,既是window的对象也是document的对象。

       console.log(window.location == document.location);//true

      属性:

        host  返回服务器名称和端口号

hostname  返回不带端口号的服务器名称

href  返回当前加载页面的完整URL

pathname  返回URL的目录和文件名

port  返回URL中指定的端口号

protocol  返回页面使用的协议

search  返回URL的查询字符串。这个字符串以问号开头


方法:

    assign()  传递一个url参数,打开新url,并在浏览记录中生成一条记录。

    replace()  参数为一个url,结果会导致浏览器位置改变,但不会在历史记录中生成新记录

      reload()  重新加载当前显示的页面,参数可以为boolean类型,默认为false,表示以最有效方式重新加载,可能从缓存中直接加载。如果参数为true,强制从服务器中重新加载


为location.href; window.location 设置为一个URL值,也会以该值调用assign()方法。以下三句话效果一样

window.location="http://www.baidu.com";

location.href="http://www.baidu.com"

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


相关文章
|
9月前
|
JavaScript 前端开发
location.href和 window.location的区别有这些!
location.href和 window.location的区别有这些!
2683 1
window.location对象使用
window.location对象使用
83 0
|
JavaScript
BOM ------ location对象 & navigator对象
BOM ------ location对象 & navigator对象
|
移动开发 JavaScript API
Node【Global全局对象】之【URL】
Node【Global全局对象】之【URL】
167 0
|
JavaScript
18.1、DOM对象的location对象
18.1、DOM对象的location对象
111 0
18.1、DOM对象的location对象
|
JavaScript
详细解析BOM中Location对象
详细解析BOM中Location对象 Location对象包含有关当前URL的信息。 // href 返回完整的URL console.log(location.href); // host 返回一个URL的主机名和端口 console.log(location.host); // hostname 返回URL的主机名 console.log(location.hostname); // port 返回一个URL服务器使用的端口号 console.log(location.port); // origin 源 返
|
Web App开发 JavaScript
BOM location对象详解
BOM location对象详解
181 0
BOM location对象详解
|
JavaScript 索引 前端开发