本文共 2125 字,大约阅读时间需要 7 分钟。
浏览器对象模型 (BOM):(Browser Object Model)尚无正式标准。
所有浏览器都支持 window 对象。它表示浏览器窗口。
所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。 全局变量是 window 对象的属性。 全局函数是 window 对象的方法。 甚至 HTML DOM 的 document 也是 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;
document.write("可用宽度: " + screen.availWidth);
document.write("可用高度: " + screen.availHeight);
要区别开屏幕宽度和高度
输出结果为:
屏幕宽度:1536 屏幕高度:864 屏幕可用宽度:1536 屏幕可用高度:824window.location 对象用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面。window.location 对象在编写时可不使用 window 这个前缀。
一些实例:
输出结果:
window.history 对象包含浏览器的历史,这个历史指的是页面的前进和后退。
window.history 对象在编写时可不使用 window 这个前缀。 为了保护用户隐私,对 JavaScript 访问该对象的方法做出了限制。bbb bbb.html
aaa aaa页面
去bbb.htmlhistory对象 去aaa.html
Date对象
延迟执行指定的函数,只能执行一次
setTimeout("javascript 函数", 毫秒数);setTimeOut的使用
间隔指定的毫秒数不停地执行指定的代码。
setInterval(function(){ alert("Hello")},3000);setInterval("javascript 函数", 毫秒数);
案例:动态显示时间,点击暂停,停止计时,点击开始,开始计时
动态显示时间
转载地址:http://rigzi.baihongyu.com/