16智能社27bom基础及bom应用

1、BOM 应用1 bom 基础打开和关闭窗口功能打开窗口：window.open(ht)开窗口onclick=javascript:window.open(ht写：.write 先清空，后写入var newWin=window.open(about:bl架打开，返回一个新的窗口,_bl);/bl在新的窗口中打开,self 在当前的框/往新的窗口中写入内容newWin.return false;.write(oTxt.value);关闭窗口：在 IE 下火狐下没有反应在火狐只有窗口是 open 打开的才可以用close浏览器的版本：/当前浏览器的版本alert(window.navigator.u

2、serAgent);/Mozilla/5.0 (Windows NT 6.1; WOW64; rv:32.0) Gecko/20100101Firefox/32.0/当前浏览器的版本/当前浏览器的地址alert(window.location);当前的地址可以改变：window.location，赋值等2 尺寸和坐标可视区：可视区的宽度会随着窗口的拖拽改变滚动距离：scrollTop可视区的高度：c可视区的宽度：cntHeightntWidth/alert(宽度+.EtWidth);/1366/可视区的大小可以改变alert(高度+.EtHeight);/高度，宽度跟窗口的大小有关/alert

3、(.Element.scrollTop);/滚动距离/为了兼容var Element.scrollTop;alert(scrollTop);scrollTop=.body.scrollTop|.案例：回到顶部，侧边栏Div 的位置： scrollTop+ 黑线的高度（ 可视区的高度-div 的高度offsetHeight)页面滚动的时候发生：window.onscroll窗口调整大小时候：window.resize 触发事件完整的回到顶部代码：/页面滚动事件 onscroll 和改变窗口大小的时候 div 位置不变window.onscroll=window.onresize=function

4、()var my=.geementById(my);varscrollTop=.Element.scrollTop|.body.scrollTop;/ 盒子的 top=scrollTop+ 可视区的高度- 盒子的高度offsetHeightvard_top=scrollTop+.EtHeight-my.offsetHeight;my.style.top=d_top+px;/当 scrollTop200 显示 divif(scrollTop=600)my.style.display=block;/点击回到顶部my.onclick=function().Element.scrollTop=.bod

5、y.scrollTop=0;elsemy.style.display=none;案例代码：titOM 基础-回到顶部#myition:absolute;right:0;bottom:0;width:200px;height:100px;background:red;display:none;bodyheight:2000px;/页面滚动事件 onscroll 和改变窗口大小的时候 div 位置不变window.onscroll=window.onresize=function()var my=.geementById(my);varscrollTop=.Element.scrollTop|.body.scrollTop;/ 盒子的 top=scrollTop+ 可视区的高度- 盒子的高度 offsetHeightvard_top=scrollTop+.EtHeight-my.offsetHeight;my.style.top=d_top+px;/当 scrollTop200 显示 divif(scrollTop=600)my.style.display=block;/点击回到顶部my.onclick=function().Element.scrollTop=