JavaScript的BOM（浏览器对象模型），是指一组API和对象，提供了对浏览器窗口及其内容的控制。BOM包括窗口、位置、历史记录等。下面通过举例详细讲解JavaScript BOM的作用。

1、窗口控制

//打开一个新窗口
window.open("http://www.baidu.com");
//关闭当前窗口
window.close();
//定时刷新当前窗口
window.setInterval(function(){
window.location.reload(); 
},5000);

2、位置控制

//获取当前浏览器窗口左上角到屏幕左上角的距离
var left = window.screenX;
var top = window.screenY;
alert("浏览器在屏幕上的位置："+left+" "+top);

3、历史记录控制

//回退到上一页
window.history.back();
//前进到下一页
window.history.forward();
//回退或前进n页
window.history.go(-2);

4、屏幕控制

//获取屏幕宽度和高度
var width = window.screen.width;
var height = window.screen.height;
alert("屏幕分辨率："+width+" x "+height);

5、对话框控制

//弹出确认对话框
if(confirm("确定要删除吗？")){
//执行删除操作
}
//弹出提示对话框
alert("提交成功！");

总之，JavaScript BOM提供了丰富的方法和属性，使得我们可以更好地控制浏览器窗口和内容，提升用户体验。除了以上例子，它还可以控制浏览器标签、音频视频控制、打印控制等。因此，深入掌握JavaScript BOM，能够使我们的网页更加灵活、交互性更强。