JS基础知识点(7)——window

Window对象

window对象:表示浏览器打开的窗口;

window的常见方法:

三个弹出框:

1.alert(); 相当于window.alert();弹出窗口

JS基础知识点(7)——window_第1张图片


2.prompt();弹出一个可以让用户输入的窗口;

JS基础知识点(7)——window_第2张图片


取得输入内容并弹出:

JS基础知识点(7)——window_第3张图片

添加输入默认值:(通过后面参数增加)(改善用户体验)

JS基础知识点(7)——window_第4张图片

注意:当用户不填写信息点击确认按钮得到的是空字符串(string);如果用户点击取消得到的是null;

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

综合起来一个小Demo:

JS基础知识点(7)——window_第5张图片

源码:

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:地址栏信息

实例:打开一个百度窗口


源码:

window.close:关闭窗口

windows.close();



你可能感兴趣的:(学习笔记,js基础部分)