JS基础 BOM对象

JS基础 BOM对象

BOM（Browser Object Model）即浏览器对象模型,BOM的核⼼对象是window，它表示浏览器的⼀个实例。

Window对象⽅法

弹出框

1）消息框:alert， 常用。
alert() 方法用于显示带有一条指定消息和一个 OK 按钮的警告框。

2）输入框:prompt，返回提示框中的值。
prompt() 方法用于显示可提示用户进行输入的对话框。
参数（可选）：
第一个参数：要在对话框中显示的纯文本。
第二个参数：默认的输入文本。

<button type="button" onclick="fun()">按钮</button>
function fun(){
   
	var uname = window.prompt("请输入用户名");
	if(uname == "admin"){
   
		alert("欢迎超级用户："+uname)
	}else{
   
		alert("欢迎用户："+uname)
	}
}

​ 3）确认框:confirm，返回 true/false.
​ confirm() 方法用于显示一个带有指定消息和 OK 及取消按钮的对话框。

var flag = confirm("确认删除这条记录吗？");
if(flag){
   
	alert("删除成功");
}else{
   
	alert("取消");
}

打开和关闭窗口

打开窗口

window.open(); 打开一个空的窗口
window.open(url地址); 打开链接