DOM和BOM宿主对象(依赖于浏览器存在,有兼容性问题)

232 阅读2分钟
DOM(文档对象模型Document Object Model:当前载入页面所拥有的对象)(代表当前文档);
BOM(浏览器对象模型Browser Object Model:页面以外的所有对象)(代表浏览器窗口和桌面屏幕);

a.jpg

location代表位置(访问过的url)
links代表锚点链接
navigtor代表浏览器对象(获取浏览器信息)
screen代表屏幕
history代表访问历史
DOM属于BOM
BOMwindow开始,
window对象也叫做全局对象,没有被经过定义的对象属于window对象(不会被删除)
window包含html

window属性
    innerHeight:浏览器窗口实际高度(浏览器的视口,不包括工具栏和滚动条)
    innerWidth:浏览器窗口实际高度(浏览器的视口,不包括工具栏和滚动条)
    length:设置或返回窗口中的框架数量
    
window方法:
    laert(“提示性信息”)
    confirm(“提示信息”)(有两个按钮 确定、取消)
    prompt(“提示信息”,“默认值”)
    open(“url”,“窗口名称”,“属性=值,属性=值,属性=值”)

图片1.png

window对象方法
    print()打印当前页面内容
    close()关闭当前浏览器页面
    resizeBY()将窗口调整宽度和高度(仅IE支持)在当前基础上在增加
    resizeTo()把窗口的大小调整到指定的宽度和高度(仅IE支持)指定到规定宽高
    scrollBy()按照指定的像素值来滚动内容(再滚动多少)
    scrollTo()把内容滚动到指定的坐标(滚动到指定位置)
    setTimeout()在指定的毫秒数后调用函数或计算表达式;只执行一次属于时间延迟
    clearTimeout()取消由setTimeout()方法设置的timeout
    setInterval()按照指定的周期(以毫秒计)来调用函数或计算表达式;属于定时器,会按规定的时间调用function,可以造成时间阻塞
    clearInterval()取消由setInterval()设置的timeout
    
    setTimeoutsetInterval都可以使用异步处理