十四、window对象
1.窗口位置
以下取得浏览器窗口距屏幕左边和上边的位置
1 var leftPos = (typeof window.screenLeft == "number") ? window.screenLeft : window.screenX; //左边位置2 var topPos = (typeof window.screenTop == "number") ? window.screenTop : window.screenY; //上边位置
2.浏览器大小
以下取得浏览器页面视口的大小
1 var pageWidth = window.innerWidth, 2 pageHeight = window.innerHeight; 3 4 if (typeof pageWidth != "number") { 5 if (document.compatMode == "CSS1Compat") { 6 pageWidth = document.documentElement.clientWidth; 7 pageHeight = document.documentElement.clientHeight; 8 } else { 9 pageWith = document.body.clientWdith;10 pageHeight = document.body.clientHeight;11 }12 }3.打开或弹出窗口
window.open()方法，可以接受4个参数，通常只需指定第一个参数,第一个参数为URL,第二个参数为_self 、_parent 、_top 、_blank 或者框架名
1 window.open("http://www.baidu.com");2 window.open("http://www.baidu.com","_blank");3 window.open("http://www.baidu.com","topFrame","height=400,width=400,top=10,left=10,resizable = yes");4 topFrame.resizeTo(500,300); //调整窗口大小5 topFrame.moveTo(100,100); //移动窗口位置6 topFrame.close(); //关闭新打开的窗口,IE会报错4.location 对象
location.href(URL) 加载URL
1 location.href(URL) 加载URL 2 location.href("http://www.baidu.com"); 3 location.href = "http://www.baidu.com" ; //同上 4 location.assign = "http://www.baidu.com"; //同上 5 window.loaction = "http://www.baidu.com"; //同上 6 location.replace("http://www.baidu.com"); //同上，但不能回退 7 8 location.reload(); //重新加载（可能从缓存中加载） 9 location.reload(true); //重新加载（从服务器中加载）10 11 location.search() 返回URL中的查询字符串，字符串以为？开头5.获取查询字符串参数
1 function getQueryStringArgs() { 2 var qs = (location.search.length > 0) location.search.substring(1) : ""; 3 var args ={}; 4 var items = qs.split("&"); 5 var item = null,name = null,value = null; 6 for (var i=0 ; i<items.length ; i++) 7 { 8 item = itmes[i].split("="); 9 name = decodeURIComponent(item[0]);10 value = decodeURIComponent(item[1]);11 args[name] = value;12 }13 return args;14 }15 16 //假设查询字符串参数是?q=javascript&num=1017 var args = getQueryStringArgs();18 alert(args["q"]); //"javascript"19 alert(args["num"]); //"10"6.history 对象
1 history.go()页面跳转2 history.go(-1); //后退一页3 history.go(1); //前进一页4 history.go(2); //前进两页5 history.go("baidu.com"); 跳转到最近的baidu.com页面6 7 history.back(); //后退一页8 history.forword(); //前进一页检测当前页是不是用户打开的第一个页面
1 if (history.length == 0) { 2 //如果本页面是用户打开的第一个页面的话3 }TAG:
