正课:
1. BOM:
window对象
2. *定时器
BOM: Browser Object Model
专门操作浏览器窗口的API —— 没有标准window对象: 2个角色:
1.代替Global,充当全局作用域,
包含所有全局对象,方法和变量
2.指代当前打开的浏览器窗口!属性:
浏览器窗口中,文档显示区的范围:
innerHeight innerWidth
浏览器窗口的大小: outerHeight outerWidth
方法:
打开窗口: window.open(“url”,”name”);
其中: 内存中,每个窗口对象都有一个唯一的name属性
相同name属性的窗口,只能打开一个!
后打开的会替换先打开的
备选值:
_self:在当前窗口打开
_blank: 在新窗口打开,随机分配name。默认
关闭当前窗口: window.close();
移动到: window.moveTo(left,top);
改变窗口大小: window.resizeTo(newWidth,newHeight)在网页中打开新连接的方式:
- 替换当前窗口内容,可后退:
html:
js: [window.]open(“url”,”_self”) - 替换当前窗口内容,禁止后退:
history对象: 在内存中存储当前窗口打开过的历史记录的栈结构。
location对象: 保存当前窗口正在打开的url地址
js:location.replace(“新url”);
替换history中,当前的url记录 - 在新窗口打开,可打开多个:
html:
js:[window.]open(“url”[,”_blank”]) - 在新窗口打开,仅能打开一个:
html:
意为: 在名为name的新窗口打开url
如果重复打开相同name的窗口,新打开的会替换旧的
js:[window.]open(“url”,”name”)
- 替换当前窗口内容,可后退:
窗口位置和大小:
补: open(“url”,”name”,”config”)
其中config是配置窗口初始大小和位置的配置字符串:
config=”left=值,top=值,width=值,height=值”
强调:其中width,height相当于innerWidth和innerHeight
open其实会返回新打开的窗口对象
screen对象: 保存屏幕的分辨率信息
完整屏幕宽高: screen.width screen.height
去掉任务栏后的剩余宽高:
screen.availWidth screen.availHeight获取鼠标相对于整个屏幕的位置: 2步:
- 获取事件对象e
- 获得相对于整个屏幕的位置:
e.screenX e.screenY