window 对象
1.window对象属性
(1)name属性:表示窗口的名称,其值由打开它的连接(<a target=" ">)或浮动框架页面(iframe name='' '')或者一个窗口调用的open()方法决定。
(2)defaultStatus、status属性:defaultStatus设置或返回窗口状态栏中的默认文本;status表示窗口下方的‘’状态栏‘’所显示的内容。
(3)self、parent、top、opener属性:①self指的是窗口本身。返回对象和window一样。常用的是self.close();;parent返回窗口的所属的框架页对象;top返回占据整个浏览器窗口的最顶端的框架对象,但HTML5中不支持框架。opener返回本窗口的父窗口对象,如果窗口不是由其他窗口打开,在Netscape浏览器中opener返回null,在IE浏览器中返回undefined。
(4)closed属性:只读属性返回true或者false,表示窗口是否关闭。
2.window对象方法
(1)alert(message)、confirm(message)、prompt(message,defaultValue)方法:这三个分别弹出一个对话框,来处理用户输入。
confirm:弹出一个对话框,包括确定和取消两个按钮。
confirm(message);
alert:弹出一个警示对话框,message为警示内容。
alert(message);
prompt:弹出一个用户输入的对话框,包括确定和取消内容,点击确定返回文本框内容,点击取消返回null。
var userName=window.prompt("请输入用户名","");
如下实例:
/*function a(){
var userName=window.prompt("请输入用户名","");
if(userName=="张三"){
alert("欢迎"+userName);
}
else{
document.close();
}
if(confirm("确定打开新的窗口")){
window.open("https://www.baidu.com");
}
else{
}
}
a();*/
(2)①moveBy(deltaX,deltaY)方法吧窗口左上角相对当前窗口的坐标位置移动(deltaX,deltaY)像素;②moveTo方法把窗口的左上角移动到(x,y)的做标上;③resizeBy方法调整当前窗口的大小增加deltaX宽度deltaY高度;④resizeTo(x,y)把窗口大小调整到指定x,y大小;ScrollBy方法滚动内容水平x像素,垂直方向y像素;ScrollTo方法把内容滚动到(x,y)坐标位置。
(3)open(url,windowName,"name1=value1[,name2=value2],[.....]")方法:该方法用来打开一个新的窗口。
(4)setInterval(code,delay)、setTimeout(code,delay)、clearInterval(intervalID)、clearTimeout(intervalID)方法:分别用来设置或者清除定时器。
①setInterval方法:按照指定的周期来调用函数或者计算表达式。code参数可以是函数或者用引号扩起来的计算表达式。
②setTimeout方法:指定毫秒数后调用函数或者计算表达式。code表示函数名或者用引号括起来的计算表达式;delay表示延迟或者重复执行的间隔毫秒数。
③clearInterval方法:用来取消由setInterval设置的定时器。
④clearTimeout方法:用来取消setTimeout设置的定时器。
(5)close方法:该方法用来关闭浏览器。
以下是图片的淡出:
var b= window.οnlοad=function (){
if(flag=true)
p++;
else
p--;
if(p==100){
p--;
flag=false;
}
if(p==10){
p++;
flag=true;
}
document.getElementById("myImage").style.opacity=p/100;
//window.setTimeout("b()",30);
}
window.setInterval(b,30);