JavaScript中的BOM对象

BOM对象

全称Browse Object Model 浏览器对象模型
可以操作浏览器的方法，是各个浏览器厂商提供给我们的，各个浏览器厂商,都有自己的特点,因此,BOM操作,有兼容性需要考虑。

1.弹窗操作

①提示框
window.alert( );
转义符 类似于HTML中的 字符实体，为了解决输入内容和JavaScript代码的冲突
例如，要在弹框中实现换行
\n 换行功能
window.alert( ‘弹出内容\n警告内容’ )
’ 单引号
‘’ 双引号
\r 回车
\t 横向跳格 (Ctrl-I)
\ 反斜杠
\f 纵向的间隔
注意:各个浏览器对转移符的支持效果不同,执行效果也不一样

②输入框
window.prompt(‘提示内容’)
弹出一个输入框，可以输入数据，（）中定义的内容作为输入数据的提示内容
输入框执行结果可以使用变量来存储
存储的内容是输入的数据内容 输入的数据存储的方式是字符串类型

将 纯数字的字符串转化为数值类型的方法
1.parseInt( ) 获取整数部分
var res = parseInt( window.prompt('请输入密码') );
2.执行非加法的不影响数值的运算
var res = window.prompt('请输入密码') - 0 ;
3.在数值前添加 + 获取正数的部分
var res = +window.prompt('请输入密码') ;

③.确认框
点击确定按钮，window.confirm( )执行结果返回值是true
点击确定按钮，window.confirm( )执行结果返回值是false
可以根据,返回值,执行不同的操作
window.confirm( ‘提示内容’ );

2.获取浏览器滚动条高度

获取浏览器滚动条分为宽度和高度两个属性
如果有 使用 document.documentElement.scrollTop
没有 使用 document.body.scrollTop
获取高度：var height = document.documentElement.scrollTop;
获取高度：var height = document.body.scrollTop;
容错处理
var 变量 = 方式1 || 方式2 ；
获取宽度：var width = document.documentElement.scrollLeft;
获取宽度：var width = document.body.scrollLeft;

设定滚动条的默认位置
document.documentElement.scrollTop = 1000;
document.documentElement.scrollLeft = 1000;