JavaScript Window-浏览器对象模型

• 所有浏览器都支持 window 对象。它表示浏览器窗口。
  所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。
  全局变量是 window 对象的属性。
  全局函数是 window 对象的方法。

window.document.getElementById("header");

等同于

document.getElementById("header");

对于浏览器高度和宽度的检测

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

• 用于返回当前页面的URL

document.write(location.href);

用于加载新的文档或者新的网页

function newDoc(){
    window.location.assign("http://www.baidu.com")
}

用于后退

function goBack()
  {
  window.history.back()
  //window.history.forward()该代码为前进到下一页
  }

用于进行确认和取消操作的弹窗

window.confirm("sometext");
//该文字为弹窗的文字显示内容

提示框，可用于交互

window.prompt("sometext","defaultvalue");
//defaultvalue即是提示框内输入的默认值

按照间隔时间不断的进行代码的执行

function myFunction(){
    setInterval(function(){alert("Hello")},3000);
}

一个实例：
显示时间的变化：每一秒钟重复执行一次

var myVar=setInterval(function(){myTimer()},1000);
function myTimer(){
    var d=new Date();
    var t=d.toLocaleTimeString();
    document.getElementById("demo").innerHTML=t;

停止执行代码的方法

function myStopFunction(){
    clearInterval(myVar);
}