什么是BOM?
bom 是browser object model 也就是浏览器对象模型,BOM由多个对象组成,其中代表浏览器窗口的window对象是BOM的顶层对象,其他对象都是该对象的子对象。
顶层对象:window
子对象:location、history、screen、navigator、document、event
一.window对象
window对象的方法
(一)alert 警告框
语法:window.alert();或者 alert();
功能:显示一段带有消息和确认按钮的警告框
说明:我们一般都是省略window简写
(二)confirm 选择框
语法:window.confirm();或 confirm();
功能:显示一个带有指定消息的和 确定及取消按钮的对话框
返回值:用户点击确定,confirm() 返回true
用户点击取消,confirm() 返回false
<script>
var value = confirm("confirm选择框");
if(value){
console.log(1);
}else{
console.log(2);
}
</script>
(三)prompt 输入框
语法:window.prompt( text[,defaultText] );或者 prompt( text[,defaultText] );
参数:
text:要在对话框中显示的纯文本(不是HTML格式文本)
defaultText:默认的输入文本
返回值:如果用户点击提示框的取消按钮,则返回null
如果用户点击确定按钮,则返回输入的内容
(四)open 打开一个新窗口
语法:window.open(pageURL,name,parameters)
功能:打开一个新的浏览器窗口或查找一个已名称的窗口
参数:
pageURL:子窗口路径
name:子窗口的名字
parameters:窗口参数(各参数用逗号分隔)
width 窗口宽度、
height 窗口高度、
left 窗口X轴坐标、top 窗口Y轴坐标
toolbar 是否显示浏览器工具栏(yes/no)、
menubar 是否显示菜单栏(yes/no)、
scrollbars 是否显示滚动条(yes/no)、
location 是否显示地址字段
status 是否添加状态栏
function openMailBox(){
window.open('__APP__/Admin/MessageNotice/mailBoxNew','消息通知','width=800,height=600,left=30%,top=30%,toolbar=no,menubar=no,location=no,status