【BOM中window中的常见方法】(1-4见示例1,5见示例2,7见示例3)
1.alert方法:显示包含由应用程序自定义消息的对话框。
2.confirm方法:显示一个确认对话框,其中包含一个可选的消息和确定取消按钮。
(平时浏览网页时,会弹出"你确定离开当前页面"等提示信息,就是用confirm完成的)
(1)语法:bConfirmed = window.confirm( [sMessage])
3.setTimeout方法:经过指定毫秒值后计算一个表达式。(详见示例)
(1)语法:iTimerID = window.setTimeout(vCode, iMilliSeconds [, sLanguage])
4.setInterval:每经过指定毫秒值后计算一个表达式。(详见示例)
5.clearTimeout:取消先前用 setTimeout 方法设置的超时事件。(用于停止方法3)
6.clearInterval:使用 setInterval 方法取消先前开始的间隔事件。 (用于停止方法4)
7.moveBy 将窗口的位置移动指定 x 和 y 偏移值。(第一个值,即x,是横坐标,第二个值,即y,是纵坐标)
(这里x和y是偏移量)
8.moveTo 将窗口左上角的屏幕位置移动到指定的 x 和 y 位置。(第一个值,即x,是横坐标,第二个值,即y,是纵坐标)
(这里x和y是坐标点)
9.resizeBy 更改窗口的当前位置缩放指定的 x 和 y 偏移量。
10.resizeTo 将窗口的大小更改为指定的宽度和高度值。
【示例1】
(程序分割线上下程序“互不相干”,即这里注明的效果都是仅仅当前程序运行的效果,如setTimeout中注明的效果是代码中仅存在
setTimeout这一个方法时网页呈现出的效果)
<html>
<head>
</head>
<body>
<script type="text/javascript">
function windowMethodDemo(){
var b = confirm("你真的确定要点击吗");//这里window可以省略,因为浏览器一开启就加载进window
alert("b="+b);
//鼠标单击button,会弹出对话框"你真的确定要点击吗",有"确定"和"取消"两个可选项,若点确定则弹出b=true,若点取消则弹出b=false
//============================程序分割线==============================================================
setTimeout("alert('time out run')",4000);
//鼠标单击button后不会立即弹出对话框'time out run',而是过了4s后弹出(1000毫秒=1秒)
//============================程序分割线==============================================================
setInterval("alert('interval run')",3000);
//鼠标单击button后,每隔3s计算一个表达式,如果仅有1个表达式,会不停计算该表达式,类似音乐播放器中的“顺序播放”
}
</script>
<input type="button" value="演示window对象的方法" οnclick="windowMethodDemo()" />
</body>
</html>
//============================程序分割线==============================================================
【示例2】
<html>
<head>
</head>
<body>
<script type="text/javascript">
function setIntervalDemo(){
timeID = setInterval("alert('interval run')",3000);//这里开头不能var
}
function stopIntervalDemo(){
clearInterval(timeID);
}
</script>
<input type="button" value="演示setInterval方法" οnclick="setIntervalDemo()" />
<input type="button" value="停止" οnclick="stopIntervalDemo()" />
</body>
</html>
//============================程序分割线==============================================================
【示例3】
<html>
<head>
</head>
<body>
<script type="text/javascript">
function windowMove(){
moveBy(10,10);
//若只有这行代码,则鼠标单击button后,整个浏览器窗口会移动,即横坐标在原有基础上偏移10,纵坐标在原有基础上也偏移10
moveTo(50,50);
//若只有这行代码,则鼠标单击button后,整个浏览器窗口会直接“飞到”坐标(50,50)的位置
}
</script>
<input type="button" value="演示moveBy方法" οnclick="windowMove()" />
</body>
</html>
//============================程序分割线==============================================================
【示例4】演示一种“窗口抖动”的现象(有人看到这个现象以为显示器坏了),不演示方法
<html>
<head>
</head>
<body>
<script type="text/javascript">
function Demo(){
for(var x=0;x<700,x++);{
moveBy(20,0);
moveBy(0,20);
moveBy(-20,0);
moveBy(0,-20);
}
}
</script>
<input type="button" value="演示窗口抖动" οnclick="Demo()" />
</body>
</html>
效果:单击button,窗口会上下左右动一动