JavaScript Window对象常见使用

1. 获取浏览器窗口的尺寸

var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;

var h=window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;

2.获取屏幕相关信息

  screen.availWidth --获取可用屏幕宽度

  screen.availHeight -- 获取可用屏幕高度

3.获取当前页面地址信息

 window.location

location.hostname 返回 web 主机的域名
location.pathname 返回当前页面的路径和文件名
location.port 返回 web 主机的端口 （80 或 443）
location.protocol 返回所使用的 web 协议（http:// 或 https://）

location.assign() 方法加载新的文档

 4.获取浏览器历史

  window.history 对象包含浏览器的历史

  history.back() 相当于返回按钮

  history.forward() 相当于前进按钮

5. 获取浏览器信息

6.javaScript cookies用来识别用户

cookie 是存储于访问者的计算机中的变量。
每当同一台计算机通过浏览器请求某个页面时，
就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值

 创建cookies

function setCookie(c_name,value,expiredays)
{
var exdate=new Date()
exdate.setDate(exdate.getDate()+expiredays)
document.cookie=c_name+ "=" +escape(value)+
((expiredays==null) ? "" : ";expires="+exdate.toGMTString())
}

检测是否生成cookies

function getCookie(c_name)
{
if (document.cookie.length>0)
  {
  c_start=document.cookie.indexOf(c_name + "=")
  if (c_start!=-1)
    { 
    c_start=c_start + c_name.length+1 
    c_end=document.cookie.indexOf(";",c_start)
    if (c_end==-1) c_end=document.cookie.length
    return unescape(document.cookie.substring(c_start,c_end))
    } 
  }
return ""
}

创建一个函数，这个函数的作用是：如果 cookie 已设置，则显示欢迎词，否则显示提示框来要求用户输入名字

function checkCookie()
{
username=getCookie('username')
if (username!=null && username!="")
  {alert('Welcome again '+username+'!')}
else 
  {
  username=prompt('Please enter your name:',"")
  if (username!=null && username!="")
    {
    setCookie('username',username,365)
    }
  }
}