window 对象属性

1窗口大小

// 浏览器兼容

var leftPos = (typeof window.screenLeft == "number") ? window.screenLeft : window.screenX;
var topPos = (typeof window.screenTop == "number") ? window.screenTop : window.screenY;
var width = window.outerWidth; //返回窗口的外部宽度。
var inner = window.innerWidth; //返回窗口的文档显示区的宽度。
var box = document.getElementById("box");
box.style.width = "width";
 // 标准模式：
   var client = document.documentElement.clientWidth;
// 混杂模式
    var clinet2 = document.body.clientWidth;
//  兼容
var pageWidth = window.innerWidth;
var pageHeight = window.innerHeight;
//ie8及更早版本没有提供取得当前浏览器窗口尺寸的属性,但可通过DOM取得页面可见区域的相关信息(clientWidth)
if(typeof pageWidth != "number"){
  if(document.compatMode == "CSSlCompat"){
    pageWidth = document.documentElement.clientWidth;
    pageHeight = document.documentElement.clientHeight;
  }else{
//ie6混杂模式
    pageWidth= document.body.clientWidth;
    pageHeight = document.body.clientHeight;
  }
}

2.打开窗口

//检测浏览器是否屏蔽弹出窗口(弹出一个新的窗口,与alert弹窗不同)
var blocked = false;
   try{
    win = window.open("https://www.baidu.com/?tn=cnopera");
    if(win == null){
      blocked = true;
    }
   }catch(ex){
    blocked = true;
   }

   if(blocked){
    // alert("hello");
   }

3.History 对象包含用户（在浏览器窗口中）访问过的 URL

history 对象属性:window.history.length 返回浏览器历史列表中的数量

history 对象方法:window.history.back(); 上一页window.history.go();任意一页 window.history.forward()下一页

4.窗口中的框架数量

window.length;　　

5.window.location把用户带到一个新的地址  以及其他属性与方法

转载于:https://www.cnblogs.com/ameiaidaima/p/5869141.html