Bom

location 是最有用的 BOM 对象之一

window.location 和 document.location 引用的是同一个对象
使用 location 对象可以通过很多方式来改变浏览器的位置。首先,也是最常用的方式,就是使用
assign()方法并为其传递一个 URL,如下所示。

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

这样,就可以立即打开新 URL 并在浏览器的历史记录中生成一条记录。如果是将 location.href 或 window.location 设置为一个 URL 值,也会以该值调用 assign()方法。例如,下列两行代码与 显式调用 assign()方法的效果完全一样。

    window.location = "http://www.wrox.com";
    location.href = "http://www.wrox.com";
    //假设初始 URL 为 http://www.wrox.com/WileyCDA/
//将 URL 修改为"http://www.wrox.com/WileyCDA/#section1"
location.hash = "#section1";
//将 URL 修改为"http://www.wrox.com/WileyCDA/?q=javascript" location.search = "?q=javascript";
//将 URL 修改为"http://www.yahoo.com/WileyCDA/" location.hostname = "www.yahoo.com";
//将 URL 修改为"http://www.yahoo.com/mydir/" location.pathname = "mydir";
//将 URL 修改为"http://www.yahoo.com:8080/WileyCDA/" location.port = 8080;
每次修改 location 的属性(hash 除外),页面都会以新 URL 重新加载。
location.reload(); //重新加载(有可能从缓存中加载)
location.reload(true); //重新加载(从服务器重新加载)

位于 reload()调用之后的代码可能会也可能不会执行,这要取决于网络延迟或系统资源等因素。
为此,最好将 reload()放在代码的最后一行。

navigator对象

navigator 对象的属性通常用于检测显示网页的浏览器类型

history对象

history 对象保存着用户上网的历史记录

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   ECMAScript 是 JavaScript 的核心,但如果要在 Web 中使用 JavaScript,那么...
    霜天晓阅读 4,342评论 0 0
  • ECMAScript 是 JavaScript 的核心,但如果要在 Web 中使用 JavaScript,那么 B...
    劼哥stone阅读 4,241评论 2 5
  • ECMAScript是JavaScript的核心,但如果要在Web中使用JavaScript,那么BOM(浏览器对...
    了凡和纤风阅读 3,146评论 0 0
  • 第8章 BOM 本章内容主要是 理解window对象 控制窗口、框架和弹出窗口 利用location对象中的页面信...
    丨ouo丨阅读 3,547评论 0 1
  • 晚上进十点,剑桥的夜幕才迟迟降临。古老的建筑,有序的交通,悠闲的人们,静谧而安宁。
    冲虚道长阅读 1,449评论 0 1