JS-BOM总结

BOM: Browser Object Model 浏览器对象模型的简称

window对象是BOM的顶级对象。调用他的属性和方法的时候，可以省略。

BOM的简单总结：

窗口操作（open和close）

BOM的属性（location对象）

BOM的属性（navigator对象）

BOM的属性（history对象）

系统对话框：

• alert();//不同浏览器中的外观是不一样的
• confirm();//兼容不好
• prompt();//不推荐使用

open()打开新页面

新窗口 = window.open(url,target,param)；打开新页面

   //1.有1个参数。在新页面中打开这个新窗口
   window.open("http://www.baidu.com");


   //2.有2个参数：
   window.open("window1.html","_self");//在本页面中打开
   window.open("window1.html","_blank");默认（不写第二个）和_blank都是在新页面中打开

   //3.有3个参数。
     window.open("window1.html","_blank","width=200,height=200,top=100");

close（）

window.open(); 关闭窗口

移动窗口：

• 新窗口。moveTo();新窗口移动到距离屏幕距离
• 新窗口。moveBy();在原有基础上添加还是减少多少
• 新窗口。resizeTo();新窗口大小改变为
• 新窗口。resizeBy();在原有基础上添加还是减少多少

location对象

window.location。location相当于浏览器地址栏。可以将url解析成独立的片段

location对象的属性：

• href
• hash–返回url中#后面的内容，包含#
• host–主机名，包括端口
• hostname–主机名
• protocol–协议 一般是http、https

• search–查询字符串

  //页面跳转1：改变浏览器地址栏的地址，并记录到历史中
  //location.assign("http://www.taobao.com");
  
  
  //页面跳转2：一般使用location.href 进行页面之间的跳转
  location.href = "http://www.jd.com";
  
  
  //页面跳转3：替换浏览器地址栏的地址，不会记录到历史中
  //location.replace("http://www.baidu.com");
  
  //页面刷新
  //location.reload();
  

navigator对象

window.navigator 的一些属性可以获取客户端的一些信息

• navigator.userAgent–系统，浏览器
• navigator.platform–浏览器支持的系统，win/mac/linux

history对象

后退：

history.back(); 或者 history.go(-1);

前进：

history.forward() 或者 history.go(1)

history.go();里面有-1,0.1.如果是0，那是刷新页面