BOM操作-1:innerWidth可视区宽度 / innerHeight可视区高度 / open打开 / close关闭 / alert()等弹窗 / resize窗口大小改变 / scrol...

BOM (browers object model) 浏览器对象模型

window 对象

        innerWidth

                可视区宽度

        innerHeight

                可视区高度

BOM操作-1:innerWidth可视区宽度 / innerHeight可视区高度 / open打开 / close关闭 / alert()等弹窗 / resize窗口大小改变 / scrol..._第1张图片

open 方法

window.open(URL,target,specs,replace)  

1.URL 新窗口地址

2.target 属性 新窗口打开方式

        _blank

        _self 

3.specs 新窗口规格

        width=pixels  窗口的宽度.最小.值为100

        height=pixels 窗口的高度。最小.值为100

        location=yes|no|1|0 是否显示地址字段.默认值是yes

        menubar=yes|no|1|0  是否显示菜单栏.默认值是yes

        resizable=yes|no|1|0  是否可调整窗口大小.默认值是yes

        scrollbars=yes|no|1|0 是否显示滚动条.默认值是yes

        status=yes|no|1|0 是否要添加一个状态栏.默认值是yes

        titlebar=yes|no|1|0 是否显示标题栏.被忽略,除非调用HTML应用程序或一个值得信赖的对话框.默认值是yes

        toolbar=yes|no|1|0  是否显示浏览器工具栏.默认值是yes

close 方法关闭窗口

BOM操作-1:innerWidth可视区宽度 / innerHeight可视区高度 / open打开 / close关闭 / alert()等弹窗 / resize窗口大小改变 / scrol..._第2张图片

window 下的各类弹窗

1.alert()

2.confirm('message')

3.prompt([msg],[defaultText])

BOM操作-1:innerWidth可视区宽度 / innerHeight可视区高度 / open打开 / close关闭 / alert()等弹窗 / resize窗口大小改变 / scrol..._第3张图片

居中广告弹窗demo

resize    监听窗口大小发生改变

BOM操作-1:innerWidth可视区宽度 / innerHeight可视区高度 / open打开 / close关闭 / alert()等弹窗 / resize窗口大小改变 / scrol..._第4张图片

scroll    监听滚动条位置发生变化

        window.scrollY 获取纵向滚动条位置

        window.scrollX 获取横向滚动条位置

        window.scrollTo(x,y);

BOM操作-1:innerWidth可视区宽度 / innerHeight可视区高度 / open打开 / close关闭 / alert()等弹窗 / resize窗口大小改变 / scrol..._第5张图片


BOM操作-1:innerWidth可视区宽度 / innerHeight可视区高度 / open打开 / close关闭 / alert()等弹窗 / resize窗口大小改变 / scrol..._第6张图片

你可能感兴趣的:(BOM操作-1:innerWidth可视区宽度 / innerHeight可视区高度 / open打开 / close关闭 / alert()等弹窗 / resize窗口大小改变 / scrol...)