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();