BOM基本概念

BOM即 浏览器对象模型(Browser Object Model)

浏览器对象包括

Window(窗口)

  // 浏览器窗口的高度和宽度：（不包括工具栏/滚动条）
  var w=window.innerWidth;
  var h=window.innerHeight;
  console.info(w+","+h);
  
  var w2=window.outerWidth;
  var h2=window.outerHeight;
  console.info(w2+","+h2);
  
  //打开新窗口
  function openNewWindow(){
  	window.open("./01_js基本语法.html","_blank",null,false);
  }
  
  //修改窗体的大小
  function resizeWindow(){
  	window.resizeTo(400,200);
  }
  //关闭窗口
  function closeWindow(){
  	window.close();
  }

Navigator(浏览器)

   document.write("<p>浏览器产品名称：");
   document.write(navigator.appName + "</p>");
   document.write("<p>浏览器版本号：");
   document.write(navigator.appVersion + "</p>");
   document.write("<p>浏览器内部代码：");
   document.write(navigator.appCodeName + "</p>");
   document.write("<p>操作系统：");
   document.write(navigator.platform + "</p>");
   document.write("<p>是否启用Cookies：");
   document.write(navigator.cookieEnabled + "</p>");
   document.write("<p>浏览器的用户代理报头：");
   document.write(navigator.userAgent + "</p>");

Screen (客户端屏幕)

   Screen对象表示用户的屏幕相关信息
   //用户的屏幕分辨率
   screen.width + "," + screen.height
   //可用区域大小:
   screen.availWidth + "*" + screen.availHeight

History(访问历史)

   History用于记录访问历史
   ①  返回上一次的访问  history.back();
   ②  返回上上次的访问  history.go(-2); //-1表示上次，-2表示上上次，以次类推

Location(浏览器地址)

   Location表示浏览器中的地址栏
   ①  reload方法刷新当前页面
      location.reload();
   ②  跳转到另一个页面
      //方法1
      location="/项目名称/页面";
      //方法2
      location.assign("/项目名称/页面");
   ③获取信息
 	  协议 location.protocol
 	  主机名 location.hostname
 	  端口号 (默认是80，没有即表示80端口)
 	  主机加端口号 location.host
 	  访问的路径  location.pathname
 	  锚点 location.hash  ?#name
 	  参数列表 location.search

弹框

   浏览器上常见的弹出框有 
   警告框，确认框，提示框 这些都是通过调用window的方法实现的。 
   比如警告框用的是window.alert("警告内容")，
   因为很常用，所以就把window省略掉，直接使用alert
   
   alert("注册成功");
   var d = confirm("是否要删除");
   alert(typeof d + " " + d);
   输入框 prompt，用于弹出一个输入框，供用户输入相关信息。 
   因为弹出的界面并不好看，很有可能和网站的风格不一致，
   所以很少会在实际工作中用到。

计时器

   setTimeout	只执行一次	
   setInterval	不停地重复执行	
   clearInterval	终止重复执行	
   *** 不要在setInterval调用的函数中使用document.write