JS基础知识点（7）——window

Window对象

window对象：表示浏览器打开的窗口；

window的常见方法：

三个弹出框：

1.alert（）； 相当于window.alert（）；弹出窗口

2.prompt（）；弹出一个可以让用户输入的窗口；

取得输入内容并弹出：

添加输入默认值：（通过后面参数增加）（改善用户体验）

注意：当用户不填写信息点击确认按钮得到的是空字符串（string）；如果用户点击取消得到的是null；

3.confirm（）；弹出一个可以让用户确认的按钮；如果点击确认得到的是true；如果点击取消得到false；

综合起来一个小Demo：

源码：

<script type="text/javascript">
	var n = confirm("你吃了吗");
	if (n == true) {
		var m = window.prompt("那你恰什么饭啦","包子");
		if (m == "包子") {
			alert("包子有点油腻");
		}
		else{
			alert("你为啥子不吃包子?");
		}
	}
	else{
		alert("早餐还是要吃的啦");
	}
</script>

window.open：打开一个新的窗口

window.open("连接","name","设置");

设置属性：

1.width:设置窗口的宽度

2.height：设置窗口的高度;

3.left:新窗口到左端的距离；

4.top：新窗口到顶部的距离；

5.scrollbars : 滚动条(yes/no或者1/0分别表示打开和关闭）

6.toolbar：工具栏(yes/no或者1/0分别表示打开和关闭）（chrom写出来没得效果）

7.location：地址栏信息

实例：打开一个百度窗口

源码：

<script type="text/javascript">
	window.onload = init;
	function init(){		
		window.open("https://www.baidu.com", "打开百度", "width=900, height=700, left=200, top=100, scrollbars=yes, toolbar=yes, location=yes");
	}

</script>

window.close：关闭窗口

windows.close();